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

#3A6CF9 の色情報

#3A6CF9

画像
HEX	#3A6CF9
RGB	R:58 G:108 B:249
RGBの割合	R:22.7% G:42.4% B:97.6%
HSV	H:224.3 S:76.7 V:97.6
HSL	H:224.3 S:94.1 L:60.2
CMY	C:77.3 M:57.6 Y:2.4

CMYK	C:76.7 M:56.6 Y:0.0 K:2.4
YCbCr	Y:109.7 Cb:197.3 Cr:96.0
XYZ	X:24.2 Y:18.5 Z:91.9
xyY	x:0.180 y:0.137 Y:18.5

CIE Lab	L:50.1 a:32.2 b*:-75.1
CIE LCh	L:50.1 C:81.8 h:293.2
CIE Luv	L:50.1 u:-19.6 v*:-117.3
Hunter Lab	L:43.0 a:25.4 b:-96.7

#3A6CF9 の色相別色一覧

#F9683A

#F9973A

#F9C73A

#F9F73A

#CCF93A

#9CF93A

#6CF93A

#3CF93A

#3AF968

#3AF997

#3AF9C7

#3AF9F7

#3ACCF9

#3A9CF9

#3A6CF9

#3A3CF9

#683AF9

#973AF9

#C73AF9

#F73AF9

#F93ACC

#F93A9C

#F93A6C

#F93A3C

#3A6CF9 の彩度別色一覧

#F5F6F9

#E8EDF9

#DCE3F9

#CFDAF9

#C3D1F9

#B7C8F9

#AABFF9

#9EB6F9

#91ACF9

#85A3F9

#789AF9

#6C91F9

#5F88F9

#537EF9

#4675F9

#3A6CF9

#2E63F9

#215AF9

#1550F9

#0847F9

#3A6CF9 の明度別色一覧

#020307

#050814

#080E20

#0A142D

#0D193A

#101F47

#132453

#162A60

#192F6D

#1C357A

#1F3A86

#224093

#2545A0

#284BAD

#2B50B9

#2E56C6

#315BD3

#3461E0

#3766EC

#3A6CF9

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

#0B3E91

#0F2259

#385DB8

#3A6CF9

#162480

#3A6CF9

#1A2994

#0A387D

#162447

#4A61B8

#3A6CF9

#193882

#456BAB

#08244D

#5C75D4

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

#52FF92

#CC47E2

#3A6CF9

#FF5E40

#C4FF31

#3A6CF9

#FF4B5C

#32EC87

#DDFC21

#D448EC

#AAFF4B

#FF5536

#3A6CF9

#FF2FF7

#48FECE

#3A6CF9 を使ったカマイユ

#3A6CF9

#284AE7

#2767FF

#466DEF

#3F71E7

#2163F6

#234CF4

#3A6CF9

#3675FF

#2761E2

#3A6CF9

#316BFF

#406CF4

#4B6EFF

#3868FC

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

#1A4FFF

#3A6CF9

#3194FF

#3C5AE5

#4563D5

#1C46D3

#3A6CF9

#1D7BEF

#1618EC

#4D6DFE

#3451FF

#4345FF

#3A6CF9

#5269FF

#1F65FF

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

#5E79C4

#3A6CF9

#5C647A

#8199DB

#376AFA

#4874F0

#3A6CF9

#405DAD

#8FA7EB

#7C8EC2

#3A6CF9

#1D2336

#636569

#091433

#6E758A

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

#445585

#3A6CF9

#0636BD

#3A6CF9

#4F5975

#4B66B3

#09236E

#4B62A3

#3A6CF9

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

#3A6CF9

#F93A6C

#6CF93A

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

#EBF93A

#3A6CF9

#F9873A

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

#3A6CF9

#F93ACC

#F9C73A

#3AF968

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

#3A6CF9

#F9C73A

#3A6CF9

#B7C8F9

#3A6CF9

#182C66

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

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

#3A6CF9

#3A6CF9 の色情報

#3A6CF9 の色相別色一覧

#3A6CF9 の彩度別色一覧

#3A6CF9 の明度別色一覧

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

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

#3A6CF9 を使ったカマイユ

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

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

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

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

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

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

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