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

#5BA2D9 の色情報

#5BA2D9

画像
HEX	#5BA2D9
RGB	R:91 G:162 B:217
RGBの割合	R:35.7% G:63.5% B:85.1%
HSV	H:206.2 S:58.1 V:85.1
HSL	H:206.2 S:62.4 L:60.4
CMY	C:64.3 M:36.5 Y:14.9

CMYK	C:58.1 M:25.3 Y:0.0 K:14.9
YCbCr	Y:142.3 Cb:162.7 Cr:92.9
XYZ	X:29.8 Y:33.1 Z:70.5
xyY	x:0.223 y:0.248 Y:33.1

CIE Lab	L:64.2 a:-6.3 b*:-34.7
CIE LCh	L:64.2 C:35.2 h:259.8
CIE Luv	L:64.2 u:-30.5 v*:-53.9
Hunter Lab	L:57.5 a:-8.3 b:-32.4

#5BA2D9 の色相別色一覧

#D9735B

#D9925B

#D9B25B

#D9D15B

#C2D95B

#A2D95B

#83D95B

#63D95B

#5BD973

#5BD992

#5BD9B2

#5BD9D1

#5BC2D9

#5BA2D9

#5B83D9

#5B63D9

#735BD9

#925BD9

#B25BD9

#D15BD9

#D95BC2

#D95BA2

#D95B83

#D95B63

#5BA2D9 の彩度別色一覧

#D2D6D9

#C8D1D9

#BDCDD9

#B2C8D9

#A7C3D9

#9CBED9

#91BAD9

#86B5D9

#7CB0D9

#71ABD9

#66A7D9

#5BA2D9

#509DD9

#4599D9

#3A94D9

#308FD9

#258AD9

#1A86D9

#0F81D9

#047CD9

#5BA2D9 の明度別色一覧

#000000

#050A0D

#0B131A

#101D27

#152633

#1B3040

#20394D

#26435A

#2B4C66

#305673

#365F80

#3B698D

#407299

#467CA6

#4B85B3

#508FC0

#5698CC

#5BA2D9

#60ACE6

#66B5F3

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

#6684B3

#2F6FA3

#41546B

#5BA2D9

#1F354D

#2F6680

#5BA2D9

#2C3E47

#2966BD

#2D5F91

#3F84B5

#223647

#3D6A7A

#5BA2D9

#2D6596

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

#DE7395

#4BD649

#5BA2D9

#A74AE8

#EDDE51

#F05163

#D3E84D

#C25AE1

#60D68C

#5BA2D9

#ED6D73

#C14DEB

#C0D647

#5BA2D9

#75E1A2

#5BA2D9 を使ったカマイユ

#4F8ED1

#60AAF0

#4EA3E1

#66A2D4

#5BA2D9

#4588CC

#73ACE6

#5993CF

#64AEE3

#5BA2D9

#499FE6

#54A9DE

#65B3EB

#5BA2D9

#4EB3ED

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

#5BA2D9

#6EB2C5

#3C7BBA

#3565B8

#72C2FD

#517FB8

#6CBFD4

#7092CC

#5BA2D9

#5FA4C2

#5BA2D9

#7397DE

#59D2FF

#67B7CA

#7ACAF5

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

#75BAF0

#46A1E8

#5BA2D9

#3D4B57

#B8CBD9

#1D527A

#5BA2D9

#5A7B94

#0D5994

#298AD6

#0D314D

#405D73

#2B4457

#5BA2D9

#59A7E3

#5BA2D9 を使ったアイデンティティ

#516E85

#5BA2D9

#249FFF

#5BA2D9

#13609C

#48667D

#5BA2D9

#1A4261

#1867A3

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

#5BA2D9

#D95BA2

#A2D95B

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

#D9BC5B

#5BA2D9

#D9685B

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

#5BA2D9

#D15BD9

#D9925B

#63D95B

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

#5BA2D9

#D9925B

#5BA2D9

#C8D1D9

#5BA2D9

#2B4C66

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

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

#5BA2D9

#5BA2D9 の色情報

#5BA2D9 の色相別色一覧

#5BA2D9 の彩度別色一覧

#5BA2D9 の明度別色一覧

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

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

#5BA2D9 を使ったカマイユ

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

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

#5BA2D9 を使ったアイデンティティ

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

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

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

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