#3C84E2｜カラーサイト.com

#3C84E2 の色情報

#3C84E2

画像
HEX	#3C84E2
RGB	R:60 G:132 B:226
RGBの割合	R:23.5% G:51.8% B:88.6%
HSV	H:214.0 S:73.5 V:88.6
HSL	H:214.0 S:74.1 L:56.1
CMY	C:76.5 M:48.2 Y:11.4

CMYK	C:73.5 M:41.6 Y:0.0 K:11.4
YCbCr	Y:120.1 Cb:179.9 Cr:89.7
XYZ	X:23.8 Y:23.0 Z:75.1
xyY	x:0.196 y:0.188 Y:23.0

CIE Lab	L:55.0 a:9.2 b*:-54.3
CIE LCh	L:55.0 C:55.1 h:279.6
CIE Luv	L:55.0 u:-26.7 v*:-86.0
Hunter Lab	L:47.9 a:5.0 b:-59.4

#3C84E2 の色相別色一覧

#E2473C

#E2713C

#E29A3C

#E2C43C

#D7E23C

#AEE23C

#84E23C

#5BE23C

#3CE247

#3CE271

#3CE29A

#3CE2C4

#3CD7E2

#3CAEE2

#3C84E2

#3C5BE2

#473CE2

#713CE2

#9A3CE2

#C43CE2

#E23CD7

#E23CAE

#E23C84

#E23C5B

#3C84E2 の彩度別色一覧

#DADEE2

#CFD7E2

#C4D1E2

#B8CAE2

#ADC4E2

#A2BEE2

#96B7E2

#8BB1E2

#80AAE2

#75A4E2

#699EE2

#5E97E2

#5391E2

#478AE2

#3C84E2

#317EE2

#2577E2

#1A71E2

#0F6AE2

#0464E2

#3C84E2 の明度別色一覧

#020509

#060D16

#091423

#0D1C30

#10233C

#132B49

#173256

#1A3A63

#1E416F

#21487C

#245089

#285796

#2B5FA2

#2E66AF

#326EBC

#3575C9

#397DD5

#3C84E2

#3F8BEF

#4393FC

#3C84E2 を使ったトーンオントーン

#294C99

#3770BA

#102152

#3C84E2

#1F5075

#4468B0

#3C84E2

#224378

#14388C

#24384D

#09274A

#0C45A1

#3C7CB8

#3C84E2

#104C7D

#3C84E2 を使ったトーンイントーン

#3C84E2

#E5484B

#C6EA43

#39F16A

#A534CB

#3C84E2

#D03422

#3DCE83

#B0DA4B

#AB49C9

#46D07F

#AB3BD8

#3C84E2

#D2EF2F

#D84B65

#3C84E2 を使ったカマイユ

#2A6ACB

#3C84E2

#3B85FC

#4075D0

#5088EF

#2778EA

#3C84E2

#2482DA

#4994DA

#3E93F4

#3290E7

#2C94FC

#4B93EC

#3C84E2

#2A78E5

#3C84E2 を使ったフォカマイユ

#4D90CE

#3B82C1

#5978E7

#2A90CB

#3C84E2

#2581BE

#1E76BE

#326FFF

#476FCE

#397DC1

#2276DD

#3C84E2

#4D64C9

#489AD8

#3C84E2 を使ったドミナントカラー

#424A54

#8A9096

#3C84E2

#81B1F0

#BBD2F0

#3C84E2

#17365E

#727B87

#9FC4F5

#192433

#414852

#D0E1F7

#2C3642

#104FA1

#3C84E2

#3C84E2 を使ったアイデンティティ

#3C84E2

#618DC7

#103B73

#7796BF

#0B366E

#3C84E2

#4D6D96

#3C6191

#3C84E2 を使ったトライアド

#3C84E2

#E23C84

#84E23C

#3C84E2 を使ったスプリットコンプリメンタリー

#E2D13C

#3C84E2

#E2633C

#3C84E2 を使ったテトラード

#3C84E2

#E23CD7

#E29A3C

#3CE247

#3C84E2 を使ったコントラスト

#3C84E2

#E29A3C

#3C84E2

#ADC4E2

#3C84E2

#1B3C66

#3C84E2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#3C84E2の色相や彩度を変えたときの配色なども一覧で表示します。

#3C84E2

#3C84E2 の色情報

#3C84E2 の色相別色一覧

#3C84E2 の彩度別色一覧

#3C84E2 の明度別色一覧

#3C84E2 を使ったトーンオントーン

#3C84E2 を使ったトーンイントーン

#3C84E2 を使ったカマイユ

#3C84E2 を使ったフォカマイユ

#3C84E2 を使ったドミナントカラー

#3C84E2 を使ったアイデンティティ

#3C84E2 を使ったトライアド

#3C84E2 を使ったスプリットコンプリメンタリー

#3C84E2 を使ったテトラード

#3C84E2 を使ったコントラスト