#5677C5｜カラーサイト.com

#5677C5 の色情報

#5677C5

画像
HEX	#5677C5
RGB	R:86 G:119 B:197
RGBの割合	R:33.7% G:46.7% B:77.3%
HSV	H:222.2 S:56.3 V:77.3
HSL	H:222.2 S:48.9 L:55.5
CMY	C:66.3 M:53.3 Y:22.7

CMYK	C:56.3 M:39.6 Y:0.0 K:22.7
YCbCr	Y:117.4 Cb:167.1 Cr:108.0
XYZ	X:20.5 Y:19.2 Z:55.5
xyY	x:0.216 y:0.202 Y:19.2

CIE Lab	L:50.9 a:11.4 b*:-44.3
CIE LCh	L:50.9 C:45.8 h:284.5
CIE Luv	L:50.9 u:-16.7 v*:-69.1
Hunter Lab	L:43.8 a:6.9 b:-44.4

#5677C5 の色相別色一覧

#C56D56

#C58856

#C5A456

#C5C056

#AFC556

#93C556

#77C556

#5BC556

#56C56D

#56C588

#56C5A4

#56C5C0

#56AFC5

#5693C5

#5677C5

#565BC5

#6D56C5

#8856C5

#A456C5

#C056C5

#C556AF

#C55693

#C55677

#C5565B

#5677C5 の彩度別色一覧

#C2C3C5

#B9BCC5

#AFB5C5

#A5AEC5

#9BA7C5

#91A1C5

#879AC5

#7D93C5

#748CC5

#6A85C5

#607EC5

#5677C5

#4C70C5

#4269C5

#3862C5

#2F5BC5

#2554C5

#1B4DC5

#1147C5

#0740C5

#5677C5 の明度別色一覧

#030306

#080B13

#0E131F

#131B2C

#192239

#1E2A46

#243252

#29395F

#2F416C

#354979

#3A5085

#405892

#45609F

#4B68AC

#506FB8

#5677C5

#5C7FD2

#6186DF

#678EEB

#6C96F8

#5677C5 を使ったトーンオントーン

#27384D

#809AF2

#5677C5

#44559C

#495873

#384B94

#244770

#313D52

#3D6BED

#5677C5

#1C2654

#2F538C

#5677C5

#5890EB

#4C597D

#5677C5 を使ったトーンイントーン

#60B694

#5677C5

#CF4AC6

#CF7C63

#9CD94E

#5677C5

#4FC880

#B64E4E

#BED75C

#C66AD2

#A0AC47

#5CB673

#5677C5

#AD53BB

#B34242

#5677C5 を使ったカマイユ

#6D89D7

#5F77CD

#5677C5

#6282C2

#4168B1

#3C58AE

#647FBB

#5976C2

#5677C5

#5272B8

#6880D9

#597EC8

#3B53AE

#5375CD

#5677C5

#5677C5 を使ったフォカマイユ

#5597CD

#6C8DCD

#5677C5

#34509F

#6584B6

#445ECA

#6FA9E9

#3A69B1

#5281B3

#5677C5

#778EEB

#667CBB

#3560A1

#79A6D9

#5677C5 を使ったドミナントカラー

#02184A

#314063

#5677C5

#3B548F

#072E8A

#46474A

#306AF2

#919CB5

#9DA0A8

#5677C5

#20293D

#5C87ED

#D3D9E8

#36559E

#5677C5 を使ったトライアド

#5677C5

#C55677

#77C556

#5677C5 を使ったスプリットコンプリメンタリー

#C1C556

#5677C5

#C57F56

#5677C5 を使ったテトラード

#5677C5

#C556AF

#C5A456

#56C56D

#5677C5 を使ったコントラスト

#5677C5

#C5A456

#5677C5

#B9BCC5

#5677C5

#2D3E66

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

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

#5677C5

#5677C5 の色情報

#5677C5 の色相別色一覧

#5677C5 の彩度別色一覧

#5677C5 の明度別色一覧

#5677C5 を使ったトーンオントーン

#5677C5 を使ったトーンイントーン

#5677C5 を使ったカマイユ

#5677C5 を使ったフォカマイユ

#5677C5 を使ったドミナントカラー

#5677C5 を使ったトライアド

#5677C5 を使ったスプリットコンプリメンタリー

#5677C5 を使ったテトラード

#5677C5 を使ったコントラスト