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

#569BD0 の色情報

#569BD0

画像
HEX	#569BD0
RGB	R:86 G:155 B:208
RGBの割合	R:33.7% G:60.8% B:81.6%
HSV	H:206.1 S:58.7 V:81.6
HSL	H:206.1 S:56.5 L:57.6
CMY	C:66.3 M:39.2 Y:18.4

CMYK	C:58.7 M:25.5 Y:0.0 K:18.4
YCbCr	Y:136.6 Cb:161.5 Cr:93.9
XYZ	X:26.9 Y:30.0 Z:64.0
xyY	x:0.223 y:0.248 Y:30.0

CIE Lab	L:61.6 a:-6.2 b*:-33.7
CIE LCh	L:61.6 C:34.3 h:259.6
CIE Luv	L:61.6 u:-29.5 v*:-52.0
Hunter Lab	L:54.7 a:-8.0 b:-31.0

#569BD0 の色相別色一覧

#D06D56

#D08B56

#D0AA56

#D0C856

#BAD056

#9BD056

#7DD056

#5ED056

#56D06D

#56D08B

#56D0AA

#56D0C8

#56BAD0

#569BD0

#567DD0

#565ED0

#6D56D0

#8B56D0

#AA56D0

#C856D0

#D056BA

#D0569B

#D0567D

#D0565E

#569BD0 の彩度別色一覧

#C8CDD0

#BEC8D0

#B4C4D0

#A9BFD0

#9FBBD0

#94B6D0

#8AB2D0

#80ADD0

#75A9D0

#6BA4D0

#60A0D0

#569BD0

#4C96D0

#4192D0

#378DD0

#2C89D0

#2284D0

#1880D0

#0D7BD0

#0377D0

#569BD0 の明度別色一覧

#020304

#070C11

#0C161E

#111F2A

#172937

#1C3244

#213C51

#27455D

#2C4F6A

#315877

#366284

#3C6B90

#41759D

#467EAA

#4B88B7

#5191C3

#569BD0

#5BA5DD

#61AEEA

#66B8F6

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

#20384A

#569BD0

#92D7F2

#5B8DA1

#224980

#6098ED

#365B6B

#305A8F

#569BD0

#374759

#325073

#4694B3

#569BD0

#5C8796

#354C5C

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

#CB5CEA

#50B972

#B1C362

#569BD0

#CD584B

#B145D5

#BE403E

#40CB71

#569BD0

#D6DF5A

#9D41B7

#B9C658

#C65E6F

#43C883

#569BD0

#569BD0 を使ったカマイユ

#62A0E2

#569BD0

#4A93C1

#4B90C8

#5597C3

#3F7CB7

#4A8DB7

#518FD3

#4388C8

#569BD0

#518FD3

#569BD0

#6FA8D8

#669AC6

#4DACDF

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

#345EAC

#4F98EC

#4D73B1

#5693DA

#569BD0

#2F74B4

#6995DD

#6183AF

#569BD0

#4A7BAA

#3F9FEF

#47BCDD

#569BD0

#79CBEC

#6F9FE2

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

#1E5E8F

#569BD0

#CADAE6

#2E9DF2

#007DDE

#358FD4

#79ACD4

#162D40

#569BD0

#33393D

#8FB9D9

#797E82

#173042

#569BD0

#1E2D38

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

#569BD0

#D0569B

#9BD056

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

#D0B456

#569BD0

#D06256

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

#569BD0

#C856D0

#D08B56

#5ED056

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

#569BD0

#D08B56

#569BD0

#BEC8D0

#569BD0

#2A4C66

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

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

#569BD0

#569BD0 の色情報

#569BD0 の色相別色一覧

#569BD0 の彩度別色一覧

#569BD0 の明度別色一覧

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

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

#569BD0 を使ったカマイユ

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

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

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

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

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

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