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

#5BA4C2 の色情報

#5BA4C2

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

CMYK	C:53.1 M:15.5 Y:0.0 K:23.9
YCbCr	Y:141.1 Cb:152.0 Cr:93.8
XYZ	X:27.3 Y:32.7 Z:55.9
xyY	x:0.236 y:0.282 Y:32.7

CIE Lab	L:63.9 a:-14.4 b*:-22.4
CIE LCh	L:63.9 C:26.6 h:237.3
CIE Luv	L:63.9 u:-31.9 v*:-32.5
Hunter Lab	L:57.2 a:-14.7 b:-18.0

#5BA4C2 の色相別色一覧

#C25F5B

#C2795B

#C2935B

#C2AD5B

#BEC25B

#A4C25B

#8AC25B

#71C25B

#5BC25F

#5BC279

#5BC293

#5BC2AD

#5BBEC2

#5BA4C2

#5B8AC2

#5B71C2

#5F5BC2

#795BC2

#935BC2

#AD5BC2

#C25BBE

#C25BA4

#C25B8A

#C25B71

#5BA4C2 の彩度別色一覧

#BCC0C2

#B2BDC2

#A9BBC2

#9FB8C2

#95B5C2

#8CB2C2

#82AFC2

#78ACC2

#6EAAC2

#65A7C2

#5BA4C2

#51A1C2

#489EC2

#3E9CC2

#3499C2

#2B96C2

#2193C2

#1790C2

#0D8DC2

#048BC2

#5BA4C2 の明度別色一覧

#010203

#070D10

#0D181C

#132329

#192D36

#1F3843

#25434F

#2B4E5C

#315969

#376376

#3D6E82

#43798F

#49849C

#4F8EA9

#5599B5

#5BA4C2

#61AFCF

#67BADC

#6DC4E8

#73CFF5

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

#5BA4C2

#3A4C59

#4F8AA1

#96CCEB

#305570

#2D4D57

#408899

#236378

#5BA4C2

#82DFF5

#334D59

#406F8F

#5BA4C2

#9AC4E6

#296B78

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

#67BF52

#D66F8F

#7D3FAB

#BDA255

#5BA4C2

#B35066

#49BD6F

#5BA4C2

#C6D651

#844BCC

#8E71CA

#BD4988

#A98956

#79D175

#5BA4C2

#5BA4C2 を使ったカマイユ

#4DA6C7

#63A2BA

#5BA4C2

#58ADD6

#5BA0CA

#6393AE

#5BA4C2

#4E99B5

#5294A9

#59A9C7

#74B5DC

#5BA4C2

#5D92B0

#5EA3CC

#4CB0CA

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

#5BA4C2

#3B94A1

#75DAE1

#419DBA

#3F8BB5

#5BA4CA

#6A9BAE

#5BA4C2

#77AEE1

#3F8B9E

#66A3B3

#487BB0

#5BA4C2

#58A7AE

#6DCBD6

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

#467D94

#478CA8

#0E85B5

#168ABA

#5BA4C2

#062D3D

#5BA4C2

#578091

#2D3133

#2499C9

#5D6366

#5BA4C2

#537482

#47B2DE

#91A1A8

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

#124E66

#93DCFA

#5BA4C2

#224F61

#5BA4C2

#2982A6

#5BA4C2

#275E75

#07AEF2

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

#5BA4C2

#C25BA4

#A4C25B

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

#C29B5B

#5BA4C2

#C25B5F

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

#5BA4C2

#AD5BC2

#C2795B

#71C25B

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

#5BA4C2

#C2795B

#5BA4C2

#BCC0C2

#5BA4C2

#305666

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

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

#5BA4C2

#5BA4C2 の色情報

#5BA4C2 の色相別色一覧

#5BA4C2 の彩度別色一覧

#5BA4C2 の明度別色一覧

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

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

#5BA4C2 を使ったカマイユ

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

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

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

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

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

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

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