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

#3A8DF4 の色情報

#3A8DF4

画像
HEX	#3A8DF4
RGB	R:58 G:141 B:244
RGBの割合	R:22.7% G:55.3% B:95.7%
HSV	H:213.2 S:76.2 V:95.7
HSL	H:213.2 S:89.4 L:59.2
CMY	C:77.3 M:44.7 Y:4.3

CMYK	C:76.2 M:42.2 Y:0.0 K:4.3
YCbCr	Y:125.9 Cb:185.5 Cr:84.2
XYZ	X:27.6 Y:26.5 Z:89.2
xyY	x:0.193 y:0.185 Y:26.5

CIE Lab	L:58.5 a:10.0 b*:-58.7
CIE LCh	L:58.5 C:59.6 h:279.7
CIE Luv	L:58.5 u:-29.3 v*:-94.4
Hunter Lab	L:51.5 a:5.7 b:-66.8

#3A8DF4 の色相別色一覧

#F4443A

#F4733A

#F4A13A

#F4D03A

#EAF43A

#BCF43A

#8DF43A

#5FF43A

#3AF444

#3AF473

#3AF4A1

#3AF4D0

#3AEAF4

#3ABCF4

#3A8DF4

#3A5FF4

#443AF4

#733AF4

#A13AF4

#D03AF4

#F43AEA

#F43ABC

#F43A8D

#F43A5E

#3A8DF4 の彩度別色一覧

#F1F2F4

#E5ECF4

#D9E5F4

#CCDEF4

#C0D7F4

#B4D1F4

#A8CAF4

#9CC3F4

#8FBCF4

#83B6F4

#77AFF4

#6BA8F4

#5FA1F4

#529BF4

#4694F4

#3A8DF4

#2E86F4

#227FF4

#1579F4

#0972F4

#3A8DF4 の明度別色一覧

#000102

#03080F

#06101B

#0A1728

#0D1E35

#102642

#132D4E

#16355B

#193C68

#1C4375

#1F4B81

#22528E

#25599B

#2861A8

#2B68B4

#2E70C1

#3177CE

#347EDB

#3786E7

#3A8DF4

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

#3A8DF4

#133057

#2566A3

#52A1D4

#2E4F85

#23699C

#183470

#3A8DF4

#497DCC

#12335C

#1D3545

#547CD4

#3A8DF4

#0A3D91

#1C567A

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

#BD45E7

#FBFF2D

#3A8DF4

#22E55D

#FF4E5D

#D450FC

#EA5F4F

#CFFF26

#37E062

#3A8DF4

#DAFF23

#4BDD97

#AC3DDB

#DB4856

#3A8DF4 を使ったカマイユ

#4991E0

#47A2FF

#45A1F1

#3280E7

#3A8DF4

#2B7CDB

#2587F9

#2470E5

#338CEC

#3A8DF4

#448CEC

#3090FF

#2187E2

#3580EA

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

#5199FF

#195FD8

#3A8DF4

#5181FE

#599DFF

#329FE5

#3A8DF4

#2781D0

#4C84FF

#2D9CFF

#3A8DF4

#2671FE

#54A6FF

#52A2F9

#5E96FF

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

#384F6B

#272D33

#1E4575

#3A8DF4

#0C448A

#404347

#1D4270

#166FDE

#4F5154

#3A8DF4

#AAAFB5

#0757BA

#3A8DF4

#3A516E

#5A779C

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

#304D70

#3A8DF4

#5A80B0

#025CCC

#32455C

#3A8DF4

#506B8C

#145CB5

#3A8DF4

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

#3A8DF4

#F43A8D

#8DF43A

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

#F4DF3A

#3A8DF4

#F4633A

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

#3A8DF4

#F43AEA

#F4A13A

#3AF444

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

#3A8DF4

#F4A13A

#3A8DF4

#B4D1F4

#3A8DF4

#183B66

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

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

#3A8DF4

#3A8DF4 の色情報

#3A8DF4 の色相別色一覧

#3A8DF4 の彩度別色一覧

#3A8DF4 の明度別色一覧

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

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

#3A8DF4 を使ったカマイユ

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

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

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

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

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

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

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