#5A99DA｜カラーサイト.com

#5A99DA の色情報

#5A99DA

画像
HEX	#5A99DA
RGB	R:90 G:153 B:218
RGBの割合	R:35.3% G:60.0% B:85.5%
HSV	H:210.5 S:58.7 V:85.5
HSL	H:210.5 S:63.4 L:60.4
CMY	C:64.7 M:40.0 Y:14.5

CMYK	C:58.7 M:29.8 Y:0.0 K:14.5
YCbCr	Y:137.6 Cb:165.9 Cr:95.7
XYZ	X:28.3 Y:30.0 Z:70.6
xyY	x:0.219 y:0.233 Y:30.0

CIE Lab	L:61.7 a:-1.1 b*:-39.2
CIE LCh	L:61.7 C:39.2 h:268.5
CIE Luv	L:61.7 u:-27.4 v*:-61.8
Hunter Lab	L:54.8 a:-3.8 b:-38.1

#5A99DA の色相別色一覧

#DA5B5A

#DA7B5A

#DA9B5A

#DABB5A

#D9DA5A

#B9DA5A

#99DA5A

#79DA5A

#5ADA5B

#5ADA7B

#5ADA9B

#5ADABB

#5AD9DA

#5AB9DA

#5A99DA

#5A79DA

#5B5ADA

#7B5ADA

#9B5ADA

#BB5ADA

#DA5AD9

#DA5AB9

#DA5A99

#DA5A79

#5A99DA の彩度別色一覧

#D2D6DA

#C7D0DA

#BCCBDA

#B1C5DA

#A6C0DA

#9BBADA

#91B5DA

#86AFDA

#7BAADA

#70A4DA

#659FDA

#5A99DA

#4F93DA

#448EDA

#3988DA

#2E83DA

#247DDA

#1978DA

#0E72DA

#036DDA

#5A99DA の明度別色一覧

#010101

#060A0E

#0B131B

#101C28

#162534

#1B2E41

#20374E

#25405B

#2B4867

#305174

#355A81

#3A638E

#406C9A

#4575A7

#4A7EB4

#4F87C1

#5590CD

#5A99DA

#5FA2E7

#65ABF4

#5A99DA を使ったトーンオントーン

#5A99DA

#3C5991

#6088B0

#345375

#162E45

#31587D

#5A99DA

#266196

#3480B8

#223D4D

#517BB8

#5A99DA

#2D5A91

#203F80

#273B45

#5A99DA を使ったトーンイントーン

#71DDA9

#E9694E

#9EDD5D

#5A99DA

#D75AEC

#C35249

#DF61F1

#B5E475

#5A99DA

#6FE7B6

#F2F44C

#DD5969

#5A99DA

#68CB88

#B447E4

#5A99DA を使ったカマイユ

#4A84CD

#5A99DA

#5995DD

#62AFF4

#448EC6

#78ACEE

#599CCD

#5988CD

#6395D5

#5A99DA

#6699D0

#4592DD

#70B1E4

#5A99DA

#649EE2

#5A99DA を使ったフォカマイユ

#5488B6

#5A99DA

#6594C8

#6686E2

#5298FE

#4094CD

#5A99DA

#7095CB

#4C98EC

#6AACE4

#689FBB

#448BF1

#64A4D0

#6AAFCB

#5A99DA

#5A99DA を使ったドミナントカラー

#8EAFD1

#5A99DA

#A1B5C9

#7BAADB

#7494B5

#242B33

#145496

#5A99DA

#122A42

#458AD1

#197EE6

#718599

#5A99DA

#13385E

#43678C

#5A99DA を使ったトライアド

#5A99DA

#DA5A99

#99DA5A

#5A99DA を使ったスプリットコンプリメンタリー

#DAC65A

#5A99DA

#DA705A

#5A99DA を使ったテトラード

#5A99DA

#DA5AD9

#DA9B5A

#5ADA5B

#5A99DA を使ったコントラスト

#5A99DA

#DA9B5A

#5A99DA

#C7D0DA

#5A99DA

#2A4866

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

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

#5A99DA

#5A99DA の色情報

#5A99DA の色相別色一覧

#5A99DA の彩度別色一覧

#5A99DA の明度別色一覧

#5A99DA を使ったトーンオントーン

#5A99DA を使ったトーンイントーン

#5A99DA を使ったカマイユ

#5A99DA を使ったフォカマイユ

#5A99DA を使ったドミナントカラー

#5A99DA を使ったトライアド

#5A99DA を使ったスプリットコンプリメンタリー

#5A99DA を使ったテトラード

#5A99DA を使ったコントラスト