#5684B0｜カラーサイト.com

#5684B0 の色情報

#5684B0

画像
HEX	#5684B0
RGB	R:86 G:132 B:176
RGBの割合	R:33.7% G:51.8% B:69.0%
HSV	H:209.3 S:51.1 V:69.0
HSL	H:209.3 S:36.3 L:51.4
CMY	C:66.3 M:48.2 Y:31.0

CMYK	C:51.1 M:25.0 Y:0.0 K:31.0
YCbCr	Y:121.9 Cb:154.1 Cr:104.7
XYZ	X:19.9 Y:21.6 Z:44.2
xyY	x:0.232 y:0.252 Y:21.6

CIE Lab	L:53.6 a:-3.0 b*:-28.1
CIE LCh	L:53.6 C:28.2 h:263.8
CIE Luv	L:53.6 u:-21.4 v*:-42.0
Hunter Lab	L:46.5 a:-4.9 b:-23.8

#5684B0 の色相別色一覧

#B06C56

#B08256

#B09956

#B0AF56

#9BB056

#84B056

#6EB056

#57B056

#56B06C

#56B082

#56B099

#56B0AF

#569BB0

#5684B0

#566EB0

#5657B0

#6C56B0

#8256B0

#9956B0

#AF56B0

#B0569B

#B05684

#B0566E

#B05657

#5684B0 の彩度別色一覧

#AEAFB0

#A5ABB0

#9CA6B0

#94A2B0

#8B9EB0

#829AB0

#7995B0

#7091B0

#688DB0

#5F88B0

#5684B0

#4D80B0

#447BB0

#3C77B0

#3373B0

#2A6EB0

#216AB0

#1866B0

#1062B0

#075DB0

#5684B0 の明度別色一覧

#05080A

#0B1117

#111B24

#182431

#1E2E3D

#24384A

#2A4157

#314B64

#375470

#3D5E7D

#43678A

#4A7197

#507AA3

#5684B0

#5C8EBD

#6297CA

#69A1D6

#6FAAE3

#75B4F0

#7BBDFD

#5684B0 を使ったトーンオントーン

#294B7A

#1B3145

#4EB0E6

#5684B0

#3C77D1

#1C4059

#41A0D4

#5684B0

#4D9AFA

#355F80

#4E6694

#344654

#4D6878

#9ACDF5

#5684B0

#5684B0 を使ったトーンイントーン

#805D9E

#5684B0

#7DBF6D

#A34E6D

#9E8E55

#A34D58

#9BA64C

#5684B0

#8045A6

#5BC275

#5FA35E

#973F4D

#B5A955

#8253A6

#5684B0

#5684B0 を使ったカマイユ

#5684B0

#5696C4

#4A7DA8

#527F9E

#5B8DC7

#5D86A6

#658DBF

#567BA3

#4E91BF

#5684B0

#457AB3

#568EB8

#5A779E

#466E99

#5684B0 を使ったフォカマイユ

#5684B0

#61A2BA

#809BD6

#3A7397

#6792A3

#5684B0

#55B3D6

#5693BF

#55788C

#548A9E

#5684B0

#325F94

#4F77C7

#54779C

#3664A1

#5684B0 を使ったドミナントカラー

#5684B0

#6C737A

#5A5C5E

#5C9DDB

#447FB8

#36516B

#74A1CC

#81878C

#959EA6

#5684B0

#7993AB

#1B2B3B

#5684B0

#1F88ED

#5B738A

#5684B0 を使ったトライアド

#5684B0

#B05684

#84B056

#5684B0 を使ったスプリットコンプリメンタリー

#B0A056

#5684B0

#B06456

#5684B0 を使ったテトラード

#5684B0

#AF56B0

#B08256

#57B056

#5684B0 を使ったコントラスト

#5684B0

#B08256

#5684B0

#AEAFB0

#5684B0

#7DBFFF

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

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

#5684B0

#5684B0 の色情報

#5684B0 の色相別色一覧

#5684B0 の彩度別色一覧

#5684B0 の明度別色一覧

#5684B0 を使ったトーンオントーン

#5684B0 を使ったトーンイントーン

#5684B0 を使ったカマイユ

#5684B0 を使ったフォカマイユ

#5684B0 を使ったドミナントカラー

#5684B0 を使ったトライアド

#5684B0 を使ったスプリットコンプリメンタリー

#5684B0 を使ったテトラード

#5684B0 を使ったコントラスト