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

#5BA4B2 の色情報

#5BA4B2

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

CMYK	C:48.9 M:7.9 Y:0.0 K:30.2
YCbCr	Y:139.5 Cb:144.9 Cr:95.0
XYZ	X:25.6 Y:32.0 Z:46.9
xyY	x:0.245 y:0.306 Y:32.0

CIE Lab	L:63.3 a:-18.9 b*:-14.3
CIE LCh	L:63.3 C:23.7 h:217.1
CIE Luv	L:63.3 u:-32.4 v*:-18.8
Hunter Lab	L:56.6 a:-18.1 b:-9.6

#5BA4B2 の色相別色一覧

#B2695B

#B27F5B

#B2955B

#B2AA5B

#A4B25B

#8EB25B

#79B25B

#63B25B

#5BB269

#5BB27F

#5BB295

#5BB2AA

#5BA4B2

#5B8EB2

#5B79B2

#5B63B2

#695BB2

#7F5BB2

#955BB2

#AA5BB2

#B25BA4

#B25B8E

#B25B79

#B25B63

#5BA4B2 の彩度別色一覧

#ABB1B2

#A2AFB2

#99AEB2

#90ADB2

#88ABB2

#7FAAB2

#76A8B2

#6DA7B2

#64A5B2

#5BA4B2

#52A3B2

#49A1B2

#40A0B2

#379EB2

#2F9DB2

#269BB2

#1D9AB2

#1499B2

#0B97B2

#0296B2

#5BA4B2 の明度別色一覧

#060B0C

#0D1719

#132326

#1A2F33

#203A3F

#27464C

#2D5259

#345E66

#3A6972

#41757F

#47818C

#4E8D99

#5498A5

#5BA4B2

#62B0BF

#68BBCC

#6FC7D8

#75D3E5

#7CDFF2

#82EAFF

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

#317678

#5BA4B2

#A0D7E8

#193E47

#64BAD4

#5AB0D1

#4B6870

#5BA4B2

#26434D

#54C2F7

#639191

#6ED8E6

#265869

#35474F

#5BA4B2

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

#B7AB5F

#5BA4B2

#BF637F

#8C69C1

#7CC174

#5F4399

#58A05B

#C4A35E

#5BA4B2

#A05A73

#5BA4B2

#AF9154

#AF5485

#60C65F

#6D58AF

#5BA4B2 を使ったカマイユ

#4C92A5

#5F969E

#63A5AA

#44959E

#5BA4B2

#67ACB7

#4B8EA0

#5BA4B2

#619CAD

#5E96A8

#5BA4B2

#6EB3C4

#58ADB7

#5DACC1

#70C1CC

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

#418A93

#5BA4B2

#57D0D3

#74C4BD

#6CBFC1

#5BA4B2

#8AB4D1

#47B6BA

#408793

#4F8EA0

#71AFBA

#5BA4B2

#80C5CE

#64C4D8

#83CAD6

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

#049DBA

#204E57

#25A9C2

#5BA4B2

#D2F6FC

#55B0C2

#5BA4B2

#267180

#22444A

#6A787A

#1F94AB

#5BD4EB

#0A778C

#67CDE0

#5BA4B2

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

#48C8E0

#046E82

#5BA4B2

#3FCFEB

#07798F

#5BA4B2

#1E5059

#2AD6F7

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

#5BA4B2

#B25BA4

#A4B25B

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

#B2865B

#5BA4B2

#B25B6A

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

#5BA4B2

#955BB2

#B2695B

#79B25B

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

#5BA4B2

#B2695B

#5BA4B2

#0296B2

#5BA4B2

#82EBFF

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

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

#5BA4B2

#5BA4B2 の色情報

#5BA4B2 の色相別色一覧

#5BA4B2 の彩度別色一覧

#5BA4B2 の明度別色一覧

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

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

#5BA4B2 を使ったカマイユ

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

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

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

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

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

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

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