#569FB5｜カラーサイト.com

#569FB5 の色情報

#569FB5

画像
HEX	#569FB5
RGB	R:86 G:159 B:181
RGBの割合	R:33.7% G:62.4% B:71.0%
HSV	H:193.9 S:52.5 V:71.0
HSL	H:193.9 S:39.1 L:52.4
CMY	C:66.3 M:37.6 Y:29.0

CMYK	C:52.5 M:12.2 Y:0.0 K:29.0
YCbCr	Y:136.0 Cb:148.5 Cr:94.4
XYZ	X:24.6 Y:30.1 Z:48.2
xyY	x:0.239 y:0.293 Y:30.1

CIE Lab	L:61.7 a:-16.6 b*:-18.4
CIE LCh	L:61.7 C:24.8 h:228.0
CIE Luv	L:61.7 u:-31.8 v*:-25.6
Hunter Lab	L:54.9 a:-16.1 b:-13.7

#569FB5 の色相別色一覧

#B56C56

#B58456

#B59C56

#B5B356

#9FB556

#87B556

#70B556

#58B556

#56B56C

#56B584

#56B59C

#56B5B3

#569FB5

#5687B5

#5670B5

#5658B5

#6C56B5

#8456B5

#9C56B5

#B356B5

#B5569F

#B55687

#B55670

#B55658

#569FB5 の彩度別色一覧

#B1B4B5

#A7B2B5

#9EB0B5

#95AEB5

#8CACB5

#83A9B5

#7AA7B5

#71A5B5

#68A3B5

#5FA1B5

#569FB5

#4D9DB5

#449BB5

#3B99B5

#3297B5

#2995B5

#2092B5

#1790B5

#0E8EB5

#058CB5

#569FB5 の明度別色一覧

#010203

#070D0F

#0D191C

#132429

#192F36

#1F3A42

#26454F

#2C515C

#325C69

#386775

#3E7282

#447D8F

#4A899C

#5094A8

#569FB5

#5CAAC2

#62B5CF

#68C1DB

#6ECCE8

#74D7F5

#569FB5 を使ったトーンオントーン

#569FB5

#285970

#89C4D4

#2E4952

#65D2E3

#4CEFFA

#5E8591

#2A4E52

#207075

#569FB5

#29778C

#569FB5

#4C6470

#6FECF5

#2E4C52

#569FB5 を使ったトーンイントーン

#815FCC

#66BF62

#BF5D7E

#569FB5

#CCB575

#BDA14E

#529E43

#569FB5

#745EB0

#C94C87

#66CF7B

#C7C568

#C46F8D

#569FB5

#7754BD

#569FB5 を使ったカマイユ

#4487A1

#4198AD

#51A4B2

#5899B2

#569FB5

#6CA6BF

#4991A3

#48A3BA

#40809E

#569FB5

#6EB8C7

#548FA6

#58BBCF

#62B0C9

#569FB5 を使ったフォカマイユ

#54B4C9

#50D0DB

#569FB5

#5DBCDB

#537EA1

#44799C

#4B95B0

#569FB5

#5798B0

#60A1BA

#497294

#4F7F96

#7BB0CC

#569FB5

#48B8BA

#569FB5 を使ったドミナントカラー

#4EC8ED

#2E4B54

#7496A1

#36474D

#569FB5

#6D9BA8

#38545C

#66C6E3

#95A2A6

#062C38

#48656E

#569FB5

#0B4152

#87D1E8

#569FB5 を使ったトライアド

#569FB5

#B5569F

#9FB556

#569FB5 を使ったスプリットコンプリメンタリー

#B58C56

#569FB5

#B55660

#569FB5 を使ったテトラード

#569FB5

#9C56B5

#B56C56

#70B556

#569FB5 を使ったコントラスト

#569FB5

#B56C56

#569FB5

#B1B4B5

#569FB5

#305A66

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

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

#569FB5

#569FB5 の色情報

#569FB5 の色相別色一覧

#569FB5 の彩度別色一覧

#569FB5 の明度別色一覧

#569FB5 を使ったトーンオントーン

#569FB5 を使ったトーンイントーン

#569FB5 を使ったカマイユ

#569FB5 を使ったフォカマイユ

#569FB5 を使ったドミナントカラー

#569FB5 を使ったトライアド

#569FB5 を使ったスプリットコンプリメンタリー

#569FB5 を使ったテトラード

#569FB5 を使ったコントラスト