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

#5BA6C2 の色情報

#5BA6C2

画像
HEX	#5BA6C2
RGB	R:91 G:166 B:194
RGBの割合	R:35.7% G:65.1% B:76.1%
HSV	H:196.3 S:53.1 V:76.1
HSL	H:196.3 S:45.8 L:55.9
CMY	C:64.3 M:34.9 Y:23.9

CMYK	C:53.1 M:14.4 Y:0.0 K:23.9
YCbCr	Y:142.1 Cb:151.4 Cr:93.1
XYZ	X:27.7 Y:33.4 Z:56.0
xyY	x:0.236 y:0.285 Y:33.4

CIE Lab	L:64.5 a:-15.4 b*:-21.5
CIE LCh	L:64.5 C:26.5 h:234.4
CIE Luv	L:64.5 u:-32.7 v*:-30.9
Hunter Lab	L:57.8 a:-15.6 b:-17.0

#5BA6C2 の色相別色一覧

#C25D5B

#C2775B

#C2915B

#C2AB5B

#C0C25B

#A6C25B

#8CC25B

#73C25B

#5BC25D

#5BC277

#5BC291

#5BC2AB

#5BC0C2

#5BA6C2

#5B8CC2

#5B73C2

#5D5BC2

#775BC2

#915BC2

#AB5BC2

#C25BC0

#C25BA6

#C25B8C

#C25B73

#5BA6C2 の彩度別色一覧

#BCC0C2

#B2BEC2

#A9BBC2

#9FB8C2

#95B6C2

#8CB3C2

#82B1C2

#78AEC2

#6EABC2

#65A9C2

#5BA6C2

#51A3C2

#48A1C2

#3E9EC2

#349BC2

#2B99C2

#2196C2

#1794C2

#0D91C2

#048EC2

#5BA6C2 の明度別色一覧

#010203

#070D10

#0D181C

#132329

#192E36

#1F3943

#25444F

#2B4F5C

#315A69

#376576

#3D6F82

#437A8F

#49859C

#4F90A9

#559BB5

#5BA6C2

#61B1CF

#67BCDC

#6DC7E8

#73D2F5

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

#2B87A1

#19384F

#82C8F5

#5BA6C2

#335169

#56B3E3

#243D47

#5BA6C2

#426D8F

#226580

#1E4B6B

#5BA6C2

#2D494F

#47858C

#A0E1FA

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

#DC5E87

#8D71C7

#5BA6C2

#7BD674

#C7A94D

#5BA6C2

#AE4981

#BD9A60

#9AD97B

#7E63B8

#DCD66B

#AE4251

#5BA6C2

#7A45AE

#5CAB63

#5BA6C2 を使ったカマイユ

#6AC4D9

#6CA5C5

#5BA6C2

#5DAECF

#568EA9

#4DB0C7

#599BB5

#4296AE

#66A9C5

#5BA6C2

#4A9ABF

#76C4D6

#5BA6C2

#4C92A9

#65ADCF

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

#479AA6

#7FBAD4

#5BA6C2

#49B8DE

#84C6D9

#6B91B5

#377FA3

#377FA1

#57A7E1

#5BA6C2

#5F7D9C

#438C9C

#5BA6C2

#57D4D9

#58B2D6

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

#23BEF7

#247B9C

#2BA2CF

#5BA6C2

#94E2FF

#012938

#728085

#3B92B3

#5BA6C2

#3D8FAD

#3D6473

#0C2833

#1F3138

#5BA6C2

#94D9F2

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

#5BA6C2

#28B6EB

#546E78

#2D718A

#0CAEEB

#5BA6C2

#07A5E0

#5BA6C2

#225366

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

#5BA6C2

#C25BA6

#A6C25B

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

#C2995B

#5BA6C2

#C25B61

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

#5BA6C2

#AB5BC2

#C2775B

#73C25B

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

#5BA6C2

#C2775B

#5BA6C2

#BCC0C2

#5BA6C2

#305766

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

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

#5BA6C2

#5BA6C2 の色情報

#5BA6C2 の色相別色一覧

#5BA6C2 の彩度別色一覧

#5BA6C2 の明度別色一覧

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

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

#5BA6C2 を使ったカマイユ

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

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

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

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

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

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

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