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

#309DB2 の色情報

#309DB2

画像
HEX	#309DB2
RGB	R:48 G:157 B:178
RGBの割合	R:18.8% G:61.6% B:69.8%
HSV	H:189.7 S:73.0 V:69.8
HSL	H:189.7 S:57.5 L:44.3
CMY	C:81.2 M:38.4 Y:30.2

CMYK	C:73.0 M:11.8 Y:0.0 K:30.2
YCbCr	Y:124.9 Cb:153.4 Cr:78.7
XYZ	X:21.3 Y:28.0 Z:46.4
xyY	x:0.223 y:0.292 Y:28.0

CIE Lab	L:59.8 a:-23.2 b*:-19.7
CIE LCh	L:59.8 C:30.4 h:220.4
CIE Luv	L:59.8 u:-39.6 v*:-26.8
Hunter Lab	L:52.9 a:-20.6 b:-15.0

#309DB2 の色相別色一覧

#B24530

#B26630

#B28630

#B2A730

#9DB230

#7DB230

#5CB230

#3CB230

#30B245

#30B266

#30B286

#30B2A7

#309DB2

#307DB2

#305CB2

#303CB2

#4530B2

#6630B2

#8630B2

#A730B2

#B2309D

#B2307D

#B2305C

#B2303C

#309DB2 の彩度別色一覧

#ADB1B2

#A4B0B2

#9BAEB2

#92ADB2

#89ABB2

#80AAB2

#77A9B2

#6EA7B2

#65A6B2

#5DA4B2

#54A3B2

#4BA1B2

#42A0B2

#399EB2

#309DB2

#279CB2

#1E9AB2

#1599B2

#0C97B2

#0496B2

#309DB2 の明度別色一覧

#030B0C

#071619

#0A2126

#0E2D33

#11383F

#14434C

#184E59

#1B5A66

#1F6572

#22707F

#267B8C

#298799

#2D92A5

#309DB2

#33A8BF

#37B3CC

#3ABFD8

#3ECAE5

#41D5F2

#45E0FF

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

#366D78

#309DB2

#349493

#194045

#1EEEF7

#0E384A

#2E9191

#2B5B69

#4CD4E6

#309DB2

#49A8D6

#1E5057

#309DB2

#175A75

#5AD7F2

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

#309DB2

#57BF26

#633BA0

#BF8B2C

#AD3C6C

#5D2FC4

#BC9440

#28B72A

#309DB2

#AF3678

#309DB2

#99732B

#6B23CC

#58C437

#AF3F6D

#309DB2 を使ったカマイユ

#309DB2

#1C8BA5

#27AEBA

#2EACB7

#2BA7BC

#1D86A3

#238999

#309DB2

#44A3BC

#23A2C1

#1F859B

#2595A3

#309DB2

#44ADBC

#339DAF

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

#2E6B8C

#27A1D8

#309DB2

#2AC6C3

#4EAACE

#238593

#309DB2

#349391

#3086C1

#19979B

#4599D1

#3DB2CC

#3AB2BC

#4BAFD6

#309DB2

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

#868D8F

#0B849C

#309DB2

#0B5C6B

#083740

#309DB2

#798B8F

#C7F4FC

#13A6C2

#58D5ED

#094A57

#043F4A

#07758A

#309DB2

#4D919E

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

#309DB2

#B2309D

#9DB230

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

#B27030

#309DB2

#B23046

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

#309DB2

#8630B2

#B24530

#5CB230

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

#309DB2

#B24530

#309DB2

#89ABB2

#309DB2

#45E1FF

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

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

#309DB2

#309DB2 の色情報

#309DB2 の色相別色一覧

#309DB2 の彩度別色一覧

#309DB2 の明度別色一覧

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

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

#309DB2 を使ったカマイユ

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

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

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

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

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

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