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

#3A8AE9 の色情報

#3A8AE9

画像
HEX	#3A8AE9
RGB	R:58 G:138 B:233
RGBの割合	R:22.7% G:54.1% B:91.4%
HSV	H:212.6 S:75.1 V:91.4
HSL	H:212.6 S:79.9 L:57.1
CMY	C:77.3 M:45.9 Y:8.6

CMYK	C:75.1 M:40.8 Y:0.0 K:8.6
YCbCr	Y:123.3 Cb:181.5 Cr:86.1
XYZ	X:25.5 Y:25.0 Z:80.6
xyY	x:0.195 y:0.190 Y:25.0

CIE Lab	L:57.0 a:7.8 b*:-55.0
CIE LCh	L:57.0 C:55.5 h:278.1
CIE Luv	L:57.0 u:-28.7 v*:-87.7
Hunter Lab	L:50.0 a:3.8 b:-60.6

#3A8AE9 の色相別色一覧

#E9423A

#E96D3A

#E9993A

#E9C53A

#E2E93A

#B6E93A

#8AE93A

#5EE93A

#3AE942

#3AE96D

#3AE999

#3AE9C5

#3AE2E9

#3AB6E9

#3A8AE9

#3A5EE9

#423AE9

#6D3AE9

#993AE9

#C53AE9

#E93AE2

#E93AB6

#E93A8A

#E93A5E

#3A8AE9 の彩度別色一覧

#E9E9E9

#DDE3E9

#D1DCE9

#C6D6E9

#BAD0E9

#AFC9E9

#A3C3E9

#97BDE9

#8CB6E9

#80B0E9

#74AAE9

#69A3E9

#5D9DE9

#5197E9

#4690E9

#3A8AE9

#2E84E9

#237DE9

#1777E9

#0B71E9

#3A8AE9 の明度別色一覧

#010204

#040A10

#07111D

#0A192A

#0E2037

#112843

#142F50

#17375D

#1A3E6A

#1D4676

#214E83

#245590

#275D9D

#2A64A9

#2D6CB6

#3073C3

#347BD0

#3782DC

#3A8AE9

#3D92F6

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

#1D4073

#182B57

#3A8AE9

#4075C2

#4966A3

#4974C2

#3A8AE9

#1F375C

#3A6F9E

#0C466B

#3C82BD

#1C3C80

#1E324D

#3A8AE9

#165A9C

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

#E46F4D

#58FBD9

#D03EDF

#7DF625

#3A8AE9

#FBEE4D

#AB2FFB

#3A8AE9

#32DA39

#EE2F5A

#24D794

#3A8AE9

#E4473D

#D14DE4

#BDF647

#3A8AE9 を使ったカマイユ

#398AF8

#3A8AE9

#4A8DFF

#3F88EC

#4092E6

#3A8AE9

#4F97F8

#389DFF

#3575DF

#4993DF

#3274E4

#3087DC

#227FD5

#3A8AE9

#277AD0

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

#3A8AE9

#5480FF

#5CA1FF

#4D84CA

#4765D7

#469DD5

#3A8AE9

#1A92C8

#4E9BD5

#5687FD

#5ABCF3

#4A9CE1

#4581FF

#4168DA

#3A8AE9

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

#64A6F5

#363D45

#2C3036

#92AFD1

#3A8AE9

#3089F2

#507EB5

#A0ABB8

#6EA2E0

#3A8AE9

#5E95D6

#586B82

#527AA8

#A2AEBD

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

#3A8AE9

#0B4A96

#465363

#314761

#3A8AE9

#1357A8

#3A8AE9

#5D7DA3

#03428C

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

#3A8AE9

#E93A8A

#8AE93A

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

#E9D33A

#3A8AE9

#E95F3A

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

#3A8AE9

#E93AE2

#E9993A

#3AE942

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

#3A8AE9

#E9993A

#3A8AE9

#AFC9E9

#3A8AE9

#193C66

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

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

#3A8AE9

#3A8AE9 の色情報

#3A8AE9 の色相別色一覧

#3A8AE9 の彩度別色一覧

#3A8AE9 の明度別色一覧

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

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

#3A8AE9 を使ったカマイユ

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

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

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

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

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

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

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