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

#5BA6B2 の色情報

#5BA6B2

画像
HEX	#5BA6B2
RGB	R:91 G:166 B:178
RGBの割合	R:35.7% G:65.1% B:69.8%
HSV	H:188.3 S:48.9 V:69.8
HSL	H:188.3 S:36.1 L:52.7
CMY	C:64.3 M:34.9 Y:30.2

CMYK	C:48.9 M:6.7 Y:0.0 K:30.2
YCbCr	Y:140.5 Cb:144.4 Cr:94.2
XYZ	X:26.0 Y:32.7 Z:47.1
xyY	x:0.246 y:0.309 Y:32.7

CIE Lab	L:63.9 a:-20.0 b*:-13.4
CIE LCh	L:63.9 C:24.1 h:213.9
CIE Luv	L:63.9 u:-33.2 v*:-17.3
Hunter Lab	L:57.2 a:-19.0 b:-8.8

#5BA6B2 の色相別色一覧

#B2675B

#B27D5B

#B2935B

#B2A85B

#A6B25B

#90B25B

#7BB25B

#65B25B

#5BB267

#5BB27D

#5BB293

#5BB2A8

#5BA6B2

#5B90B2

#5B7BB2

#5B65B2

#675BB2

#7D5BB2

#935BB2

#A85BB2

#B25BA6

#B25B90

#B25B7B

#B25B65

#5BA6B2 の彩度別色一覧

#ABB1B2

#A2B0B2

#99AFB2

#90ADB2

#88ACB2

#7FABB2

#76AAB2

#6DA8B2

#64A7B2

#5BA6B2

#52A5B2

#49A4B2

#40A2B2

#37A1B2

#2FA0B2

#269FB2

#1D9DB2

#149CB2

#0B9BB2

#029AB2

#5BA6B2 の明度別色一覧

#060B0C

#0D1719

#132326

#1A2F33

#203B3F

#27474C

#2D5359

#345F66

#3A6B72

#41767F

#47828C

#4E8E99

#549AA5

#5BA6B2

#62B2BF

#68BECC

#6FCAD8

#75D6E5

#7CE1F2

#82EDFF

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

#52828C

#34666B

#5BA6B2

#26474D

#6ADBE6

#1E5457

#5BA6B2

#4CC1ED

#7ECCCF

#476C6E

#306C73

#4A9194

#5BA6B2

#2E575C

#6FD9EB

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

#C4B068

#5BA6B2

#53C95F

#C46882

#8C6BC6

#AD506E

#4EA84C

#5BA6B2

#AA9855

#875CB7

#BF995A

#9B4973

#5BA6B2

#76CC64

#654D9E

#5BA6B2 を使ったカマイユ

#58B1C4

#65BEC9

#5BA6B2

#57BAC1

#5F9EA3

#70B0B7

#5BA6B2

#64A5B5

#548C99

#60A6B5

#53A7BC

#65A1A8

#68A6AD

#5BA6B2

#51B2C4

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

#5BA6B2

#51C3CE

#65B0B7

#5BBAB5

#4B91AD

#4496BC

#6891A0

#5EC4BF

#3B9B90

#5BA6B2

#5A8496

#5BA6B2

#3B7796

#81C0C6

#4DC5D6

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

#67D0E0

#0E7282

#193F45

#5BA6B2

#3D93A1

#E1EEF0

#51C8DB

#2C484D

#004652

#5BA6B2

#05DDFF

#5BA6B2

#1F707D

#3B93A1

#7CC3CF

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

#085966

#5BA6B2

#47D6ED

#0A788A

#5BA6B2

#9FE9F5

#34C2D9

#5BA6B2

#23717D

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

#5BA6B2

#B25BA6

#A6B25B

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

#B2845B

#5BA6B2

#B25B6C

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

#5BA6B2

#935BB2

#B2675B

#7BB25B

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

#5BA6B2

#B2675B

#5BA6B2

#029AB2

#5BA6B2

#82EEFF

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

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

#5BA6B2

#5BA6B2 の色情報

#5BA6B2 の色相別色一覧

#5BA6B2 の彩度別色一覧

#5BA6B2 の明度別色一覧

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

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

#5BA6B2 を使ったカマイユ

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

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

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

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

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

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

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