#399AD5｜カラーサイト.com

#399AD5 の色情報

#399AD5

画像
HEX	#399AD5
RGB	R:57 G:154 B:213
RGBの割合	R:22.4% G:60.4% B:83.5%
HSV	H:202.7 S:73.2 V:83.5
HSL	H:202.7 S:65.0 L:52.9
CMY	C:77.6 M:39.6 Y:16.5

CMYK	C:73.2 M:27.7 Y:0.0 K:16.5
YCbCr	Y:129.1 Cb:168.3 Cr:81.2
XYZ	X:25.3 Y:28.8 Z:67.2
xyY	x:0.208 y:0.237 Y:28.8

CIE Lab	L:60.6 a:-8.7 b*:-38.2
CIE LCh	L:60.6 C:39.2 h:257.2
CIE Luv	L:60.6 u:-35.1 v*:-59.0
Hunter Lab	L:53.7 a:-9.9 b:-36.7

#399AD5 の色相別色一覧

#D54D39

#D57439

#D59B39

#D5C239

#C1D539

#9AD539

#73D539

#4CD539

#39D54D

#39D574

#39D59B

#39D5C2

#39C1D5

#399AD5

#3973D5

#394CD5

#4D39D5

#7439D5

#9B39D5

#C239D5

#D539C1

#D5399A

#D53973

#D5394C

#399AD5 の彩度別色一覧

#CED2D5

#C3CED5

#B9CAD5

#AEC6D5

#A4C2D5

#99BED5

#8EBAD5

#84B6D5

#79B2D5

#6EAED5

#64AAD5

#59A6D5

#4EA2D5

#449ED5

#399AD5

#2E96D5

#2492D5

#198ED5

#0E8AD5

#0486D5

#399AD5 の明度別色一覧

#020709

#061016

#091923

#0D222F

#102B3C

#133549

#173E56

#1A4762

#1E506F

#21597C

#256389

#286C95

#2B75A2

#2F7EAF

#3288BC

#3691C8

#399AD5

#3CA3E2

#40ACEF

#43B6FB

#399AD5 を使ったトーンオントーン

#1C414D

#70D1FA

#1C839E

#399AD5

#085E7D

#3D7999

#273D54

#0A3A6E

#1D84F7

#399AD5

#145770

#133559

#3D8DBA

#1E6DA1

#399AD5

#399AD5 を使ったトーンイントーン

#7423D2

#4FE95B

#C19E26

#399AD5

#E4548E

#943DDD

#399AD5

#DDDC3D

#4DD851

#DD293C

#DDC13D

#50D84B

#399AD5

#8C47D8

#CB4076

#399AD5 を使ったカマイユ

#41ADDA

#419AC6

#2B8FE4

#459EC6

#399AD5

#42B3EF

#247ECB

#41A3D2

#2D7ABC

#399AD5

#2FA3EF

#53BEEF

#328AC8

#2780BE

#399AD5 を使ったフォカマイユ

#2988C6

#399AD5

#4D8EF4

#155DB4

#43A5CD

#1C7CBC

#3472AF

#237FDF

#399AD5

#427FB4

#2168B1

#45D6EF

#51AEF9

#3FA7C6

#399AD5

#399AD5 を使ったドミナントカラー

#4D6473

#49565E

#6F8896

#3496D1

#399AD5

#2B86BD

#526069

#A0D3F2

#1D3F54

#399AD5

#003352

#4D606B

#6FBEED

#1D95DE

#399AD5 を使ったトライアド

#399AD5

#D5399A

#9AD539

#399AD5 を使ったスプリットコンプリメンタリー

#D5A839

#399AD5

#D54039

#399AD5 を使ったテトラード

#399AD5

#C239D5

#D57439

#4CD539

#399AD5 を使ったコントラスト

#399AD5

#D57439

#399AD5

#A4C2D5

#399AD5

#1B4A66

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

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

#399AD5

#399AD5 の色情報

#399AD5 の色相別色一覧

#399AD5 の彩度別色一覧

#399AD5 の明度別色一覧

#399AD5 を使ったトーンオントーン

#399AD5 を使ったトーンイントーン

#399AD5 を使ったカマイユ

#399AD5 を使ったフォカマイユ

#399AD5 を使ったドミナントカラー

#399AD5 を使ったトライアド

#399AD5 を使ったスプリットコンプリメンタリー

#399AD5 を使ったテトラード

#399AD5 を使ったコントラスト