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

#3A63C2 の色情報

#3A63C2

画像
HEX	#3A63C2
RGB	R:58 G:99 B:194
RGBの割合	R:22.7% G:38.8% B:76.1%
HSV	H:221.9 S:70.1 V:76.1
HSL	H:221.9 S:54.0 L:49.4
CMY	C:77.3 M:61.2 Y:23.9

CMYK	C:70.1 M:49.0 Y:0.0 K:23.9
YCbCr	Y:99.8 Cb:175.8 Cr:103.3
XYZ	X:15.9 Y:13.7 Z:52.8
xyY	x:0.193 y:0.166 Y:13.7

CIE Lab	L:43.8 a:17.9 b*:-54.0
CIE LCh	L:43.8 C:56.9 h:288.3
CIE Luv	L:43.8 u:-17.2 v*:-81.8
Hunter Lab	L:37.0 a:12.0 b:-58.7

#3A63C2 の色相別色一覧

#C2553A

#C2773A

#C2993A

#C2BB3A

#A7C23A

#85C23A

#63C23A

#41C23A

#3AC255

#3AC277

#3AC299

#3AC2BB

#3AA7C2

#3A85C2

#3A63C2

#3A41C2

#553AC2

#773AC2

#993AC2

#BB3AC2

#C23AA7

#C23A85

#C23A63

#C23A41

#3A63C2 の彩度別色一覧

#C2C2C2

#B8BBC2

#AEB4C2

#A5AEC2

#9BA7C2

#91A0C2

#8899C2

#7E92C2

#748CC2

#6B85C2

#617EC2

#5777C2

#4D71C2

#446AC2

#3A63C2

#305CC2

#2755C2

#1D4FC2

#1348C2

#0A41C2

#3A63C2 の明度別色一覧

#010103

#050810

#080E1C

#0C1529

#101B36

#142243

#18284F

#1C2F5C

#1F3569

#233C76

#274282

#2B498F

#2F4F9C

#3256A9

#365CB5

#3A63C2

#3E6ACF

#4270DC

#4577E8

#497DF5

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

#25438F

#1B306E

#428FED

#192C45

#3A63C2

#247CF5

#3A63C2

#414F96

#1D2E73

#2C395C

#132659

#3A63C2

#17356E

#1E3491

#4766ED

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

#CA3B2E

#B4C734

#39CC80

#3A63C2

#C73FD9

#952AA9

#9DCF31

#D15A54

#27B05B

#3A63C2

#2AD186

#3A63C2

#94D94A

#BA2DB6

#AB513D

#3A63C2 を使ったカマイユ

#365CD9

#4465D4

#3051BA

#3A63C2

#2A62CA

#325DB3

#4968CC

#255AB0

#3A63C2

#3667BA

#3A63C2

#547CD1

#2644AE

#516ECC

#416CB5

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

#488ECA

#4F61E3

#517DB5

#515FC7

#3A63C2

#22499C

#3152E1

#3A63C2

#4B53AB

#2E4EB8

#4B6CE3

#2E76D4

#394DAE

#3A63C2

#1E26BA

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

#11285E

#BFC9E0

#3A63C2

#718CC9

#616D87

#5E636E

#546EA8

#27468C

#274BA1

#3A63C2

#355296

#AEB9D4

#3A63C2

#696B70

#6089E6

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

#608BF0

#3A63C2

#3E5078

#3A63C2

#4561A3

#475E91

#0E4EE3

#4A5670

#3A63C2

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

#3A63C2

#C23A63

#63C23A

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

#BEC23A

#3A63C2

#C26C3A

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

#3A63C2

#C23AA7

#C2993A

#3AC255

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

#3A63C2

#C2993A

#3A63C2

#9BA7C2

#3A63C2

#1E3466

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

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

#3A63C2

#3A63C2 の色情報

#3A63C2 の色相別色一覧

#3A63C2 の彩度別色一覧

#3A63C2 の明度別色一覧

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

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

#3A63C2 を使ったカマイユ

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

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

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

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

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

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

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