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

#3A6CE9 の色情報

#3A6CE9

画像
HEX	#3A6CE9
RGB	R:58 G:108 B:233
RGBの割合	R:22.7% G:42.4% B:91.4%
HSV	H:222.9 S:75.1 V:91.4
HSL	H:222.9 S:79.9 L:57.1
CMY	C:77.3 M:57.6 Y:8.6

CMYK	C:75.1 M:53.6 Y:0.0 K:8.6
YCbCr	Y:108.2 Cb:190.3 Cr:97.2
XYZ	X:21.8 Y:17.5 Z:79.3
xyY	x:0.184 y:0.148 Y:17.5

CIE Lab	L:48.9 a:26.4 b*:-68.1
CIE LCh	L:48.9 C:73.0 h:291.2
CIE Luv	L:48.9 u:-19.6 v*:-105.9
Hunter Lab	L:41.8 a:19.8 b:-83.1

#3A6CE9 の色相別色一覧

#E9603A

#E98B3A

#E9B73A

#E9E33A

#C4E93A

#98E93A

#6CE93A

#40E93A

#3AE960

#3AE98B

#3AE9B7

#3AE9E3

#3AC4E9

#3A98E9

#3A6CE9

#3A40E9

#603AE9

#8B3AE9

#B73AE9

#E33AE9

#E93AC4

#E93A98

#E93A6C

#E93A40

#3A6CE9 の彩度別色一覧

#E9E9E9

#DDE1E9

#D1D8E9

#C6D0E9

#BAC8E9

#AFBFE9

#A3B7E9

#97AFE9

#8CA6E9

#809EE9

#7496E9

#698DE9

#5D85E9

#517DE9

#4674E9

#3A6CE9

#2E64E9

#235BE9

#1753E9

#0B4BE9

#3A6CE9 の明度別色一覧

#010204

#040810

#070D1D

#0A132A

#0E1937

#111F43

#142550

#172B5D

#1A316A

#1D3776

#213D83

#244390

#27499D

#2A4EA9

#2D54B6

#305AC3

#3460D0

#3766DC

#3A6CE9

#3D72F6

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

#13254F

#303C96

#1C34C9

#0F3A6E

#3A6CE9

#203975

#3A6CE9

#2E5196

#0D1B54

#4966C2

#212F4F

#1F40B8

#2F3D75

#2D3F96

#3A6CE9

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

#3AFD5A

#EC5255

#E654F1

#3A6CE9

#D3E12B

#3DDCD4

#8DE650

#3A6CE9

#E1703D

#D537D2

#E329F1

#DA2B23

#3A6CE9

#3BE487

#BAFB41

#3A6CE9 を使ったカマイユ

#3A6CE9

#3864DA

#3970DC

#4261D7

#2E6FE6

#4971F3

#3874DA

#2F56E1

#3D78EC

#3A6CE9

#305DFF

#4077DC

#3A6CE9

#295CE6

#4B80FB

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

#3A6CE9

#4853CD

#5996FF

#4584F8

#3155F6

#5082CD

#559CF3

#3A6CE9

#3D5FC5

#66B3FF

#4285EE

#2B76FF

#3A6CE9

#4655D5

#59AFFF

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

#586EA3

#3A6CE9

#0235B5

#375399

#9FA7BD

#7B9CED

#3A6CE9

#7B91C7

#29324A

#D0DBF7

#7F94C7

#102252

#6F7585

#3A6CE9

#1A41A3

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

#0C39A8

#4E5E85

#3A6CE9

#3C4E7A

#3A6CE9

#4460A6

#0A2A7A

#4A5F94

#3A6CE9

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

#3A6CE9

#E93A6C

#6CE93A

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

#E1E93A

#3A6CE9

#E97D3A

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

#3A6CE9

#E93AC4

#E9B73A

#3AE960

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

#3A6CE9

#E9B73A

#3A6CE9

#AFBFE9

#3A6CE9

#192F66

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

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

#3A6CE9

#3A6CE9 の色情報

#3A6CE9 の色相別色一覧

#3A6CE9 の彩度別色一覧

#3A6CE9 の明度別色一覧

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

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

#3A6CE9 を使ったカマイユ

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

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

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

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

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

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

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