#309AA8｜カラーサイト.com

#309AA8 の色情報

#309AA8

画像
HEX	#309AA8
RGB	R:48 G:154 B:168
RGBの割合	R:18.8% G:60.4% B:65.9%
HSV	H:187.0 S:71.4 V:65.9
HSL	H:187.0 S:55.6 L:42.4
CMY	C:81.2 M:39.6 Y:34.1

CMYK	C:71.4 M:8.3 Y:0.0 K:34.1
YCbCr	Y:122.4 Cb:149.8 Cr:80.5
XYZ	X:19.8 Y:26.6 Z:41.1
xyY	x:0.227 y:0.303 Y:26.6

CIE Lab	L:58.6 a:-24.8 b*:-16.0
CIE LCh	L:58.6 C:29.5 h:212.8
CIE Luv	L:58.6 u:-39.2 v*:-20.5
Hunter Lab	L:51.5 a:-21.5 b:-11.2

#309AA8 の色相別色一覧

#A83E30

#A85C30

#A87A30

#A89830

#9AA830

#7CA830

#5EA830

#40A830

#30A83E

#30A85C

#30A87A

#30A898

#309AA8

#307CA8

#305EA8

#3040A8

#3E30A8

#5C30A8

#7A30A8

#9830A8

#A8309A

#A8307C

#A8305E

#A83040

#309AA8 の彩度別色一覧

#A6A8A8

#9DA7A8

#95A6A8

#8CA5A8

#84A4A8

#7CA3A8

#73A2A8

#6BA1A8

#62A0A8

#5A9FA8

#529EA8

#499DA8

#419CA8

#389BA8

#309AA8

#2899A8

#1F98A8

#1797A8

#0E96A8

#0695A8

#309AA8 の明度別色一覧

#010202

#040E0F

#08191C

#0C2529

#0F3135

#133D42

#17484F

#1A545C

#1E6068

#216B75

#257782

#29838F

#2C8E9B

#309AA8

#34A6B5

#37B1C2

#3BBDCE

#3FC9DB

#42D4E8

#46E0F5

#309AA8 を使ったトーンオントーン

#19575C

#206967

#309AA8

#2BDCF7

#31BCD1

#247E8C

#3CE2EB

#167873

#309AA8

#175756

#17657D

#43DDEB

#5DC5CC

#309AA8

#22494A

#309AA8 を使ったトーンイントーン

#AD2587

#583EB7

#699926

#309AA8

#B25D2C

#309AA8

#9B7C39

#643B99

#54AB39

#8F225A

#309AA8

#C27A3B

#422794

#8F3168

#70B530

#309AA8 を使ったカマイユ

#327E91

#309AA8

#39989B

#299EB0

#318E91

#3195A0

#469FB5

#2EA5BC

#29929B

#309AA8

#25A8BF

#46ABBF

#3CABBF

#2D8D94

#309AA8 を使ったフォカマイユ

#51A9CC

#2ABFC2

#309AA8

#319B99

#37849B

#3295BC

#309AA8

#20839E

#34AEC4

#3A8C89

#309AA8

#178986

#2D897D

#4BBAB6

#138C82

#309AA8 を使ったドミナントカラー

#52C9D9

#1C6D78

#6AA6AD

#309AA8

#74C9D4

#74CBD6

#4A5A5C

#748082

#309AA8

#AEDFE6

#C1E1E6

#309AA8

#9BE8F2

#00A0B5

#A5BEC2

#309AA8 を使ったトライアド

#309AA8

#A8309A

#9AA830

#309AA8 を使ったスプリットコンプリメンタリー

#A86630

#309AA8

#A8304A

#309AA8 を使ったテトラード

#309AA8

#7A30A8

#A83E30

#5EA830

#309AA8 を使ったコントラスト

#309AA8

#A83E30

#309AA8

#84A4A8

#309AA8

#49EAFF

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

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

#309AA8

#309AA8 の色情報

#309AA8 の色相別色一覧

#309AA8 の彩度別色一覧

#309AA8 の明度別色一覧

#309AA8 を使ったトーンオントーン

#309AA8 を使ったトーンイントーン

#309AA8 を使ったカマイユ

#309AA8 を使ったフォカマイユ

#309AA8 を使ったドミナントカラー

#309AA8 を使ったトライアド

#309AA8 を使ったスプリットコンプリメンタリー

#309AA8 を使ったテトラード

#309AA8 を使ったコントラスト