#56A5E2｜カラーサイト.com

#56A5E2 の色情報

#56A5E2

画像
HEX	#56A5E2
RGB	R:86 G:165 B:226
RGBの割合	R:33.7% G:64.7% B:88.6%
HSV	H:206.1 S:61.9 V:88.6
HSL	H:206.1 S:70.7 L:61.2
CMY	C:66.3 M:35.3 Y:11.4

CMYK	C:61.9 M:27.0 Y:0.0 K:11.4
YCbCr	Y:143.4 Cb:166.5 Cr:89.0
XYZ	X:31.0 Y:34.4 Z:77.0
xyY	x:0.218 y:0.242 Y:34.4

CIE Lab	L:65.3 a:-6.0 b*:-38.0
CIE LCh	L:65.3 C:38.5 h:261.0
CIE Luv	L:65.3 u:-32.6 v*:-59.7
Hunter Lab	L:58.6 a:-8.2 b:-36.8

#56A5E2 の色相別色一覧

#E27056

#E29356

#E2B656

#E2D956

#C8E256

#A5E256

#82E256

#5FE256

#56E270

#56E293

#56E2B6

#56E2D9

#56C8E2

#56A5E2

#5682E2

#565FE2

#7056E2

#9356E2

#B656E2

#D956E2

#E256C8

#E256A5

#E25682

#E2565F

#56A5E2 の彩度別色一覧

#DEE0E2

#D2DBE2

#C7D6E2

#BCD1E2

#B0CCE2

#A5C7E2

#9AC3E2

#8FBEE2

#83B9E2

#78B4E2

#6DAFE2

#61AAE2

#56A5E2

#4BA0E2

#3F9BE2

#3496E2

#2991E2

#1E8CE2

#1287E2

#0783E2

#56A5E2 の明度別色一覧

#040709

#081016

#0D1923

#122330

#172C3C

#1C3549

#213F56

#254863

#2A516F

#2F5B7C

#346489

#396D96

#3E76A2

#4380AF

#4789BC

#4C92C9

#519CD5

#56A5E2

#5BAEEF

#60B8FC

#56A5E2 を使ったトーンオントーン

#56A5E2

#4E7F9C

#3D5475

#263545

#3B7EB3

#56A5E2

#31567A

#3A6891

#589EC4

#113A4F

#435A73

#496F9C

#4E86B5

#1D3347

#56A5E2

#56A5E2 を使ったトーンイントーン

#DD74F6

#DA5C57

#56A5E2

#65F6A4

#B8E74C

#E56E81

#56A5E2

#A844EA

#49D565

#C2CE5F

#EF4877

#62DF7E

#A053DF

#56A5E2

#C8D359

#56A5E2 を使ったカマイユ

#44A0F1

#48A4F6

#54A7D8

#3A92CE

#56A5E2

#539DE7

#3C87C9

#6ABFF1

#56A5E2

#69B0DF

#6CB1FC

#56A5E2

#4998DD

#5FA4DD

#4AA8E7

#56A5E2 を使ったフォカマイユ

#56A5E2

#70E0FF

#6FA2DD

#5B8CD3

#5BB1DD

#3C9FC1

#82BEFF

#78DFFF

#56A5E2

#51B7EF

#33A2D3

#50CDEA

#56A5E2

#3C97E7

#60A1BC

#56A5E2 を使ったドミナントカラー

#4D5E6B

#9BC2E0

#959FA6

#56A5E2

#444C52

#0B4B7D

#8FAFC7

#2B3945

#56A5E2

#028DF7

#768591

#8DB6D6

#56A5E2

#9FB3C2

#289EFA

#56A5E2 を使ったアイデンティティ

#5C819E

#0E4A78

#56A5E2

#1C4E75

#56A5E2

#7FA8C7

#1C517A

#56A5E2

#70A0C4

#56A5E2 を使ったトライアド

#56A5E2

#E256A5

#A5E256

#56A5E2 を使ったスプリットコンプリメンタリー

#E2C256

#56A5E2

#E26456

#56A5E2 を使ったテトラード

#56A5E2

#D956E2

#E29356

#5FE256

#56A5E2 を使ったコントラスト

#56A5E2

#E29356

#56A5E2

#C7D6E2

#56A5E2

#274A66

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

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

#56A5E2

#56A5E2 の色情報

#56A5E2 の色相別色一覧

#56A5E2 の彩度別色一覧

#56A5E2 の明度別色一覧

#56A5E2 を使ったトーンオントーン

#56A5E2 を使ったトーンイントーン

#56A5E2 を使ったカマイユ

#56A5E2 を使ったフォカマイユ

#56A5E2 を使ったドミナントカラー

#56A5E2 を使ったアイデンティティ

#56A5E2 を使ったトライアド

#56A5E2 を使ったスプリットコンプリメンタリー

#56A5E2 を使ったテトラード

#56A5E2 を使ったコントラスト