#5694E9｜カラーサイト.com

#5694E9 の色情報

#5694E9

画像
HEX	#5694E9
RGB	R:86 G:148 B:233
RGBの割合	R:33.7% G:58.0% B:91.4%
HSV	H:214.7 S:63.1 V:91.4
HSL	H:214.7 S:77.0 L:62.5
CMY	C:66.3 M:42.0 Y:8.6

CMYK	C:63.1 M:36.5 Y:0.0 K:8.6
YCbCr	Y:135.5 Cb:174.5 Cr:94.7
XYZ	X:29.1 Y:29.0 Z:81.2
xyY	x:0.209 y:0.208 Y:29.0

CIE Lab	L:60.8 a:6.0 b*:-48.9
CIE LCh	L:60.8 C:49.3 h:277.0
CIE Luv	L:60.8 u:-26.4 v*:-78.5
Hunter Lab	L:53.9 a:2.2 b:-51.6

#5694E9 の色相別色一覧

#E96256

#E98656

#E9AB56

#E9D056

#DEE956

#B9E956

#94E956

#6FE956

#56E962

#56E986

#56E9AB

#56E9D0

#56DEE9

#56B9E9

#5694E9

#566FE9

#6256E9

#8656E9

#AB56E9

#D056E9

#E956DE

#E956B9

#E95694

#E9566F

#5694E9 の彩度別色一覧

#E2E5E9

#D6DEE9

#CBD7E9

#BFD1E9

#B3CAE9

#A8C3E9

#9CBCE9

#90B6E9

#85AFE9

#79A8E9

#6DA1E9

#629BE9

#5694E9

#4A8DE9

#3F87E9

#3380E9

#2779E9

#1C72E9

#106CE9

#0465E9

#5694E9 の明度別色一覧

#010204

#060A10

#0B121D

#0F1B2A

#142337

#192B43

#1E3350

#223B5D

#27436A

#2C4B76

#305383

#355B90

#3A639D

#3E6CA9

#4374B6

#487CC3

#4D84D0

#518CDC

#5694E9

#5B9CF6

#5694E9 を使ったトーンオントーン

#5294C9

#263545

#426B96

#5694E9

#28467D

#3C5475

#5694E9

#2E3B57

#476794

#4777BA

#5180B5

#1F3B6B

#4D718C

#5694E9

#243A57

#5694E9 を使ったトーンイントーン

#5694E9

#F86C4A

#9CDF69

#5FF3C6

#E242EC

#5694E9

#DC6388

#70FD56

#D5BA64

#9E3BD5

#67E6B9

#B25BD0

#B1F141

#FB504B

#5694E9

#5694E9 を使ったカマイユ

#72A3FD

#4E86F3

#5694E9

#3B82DC

#4485E4

#5F95D5

#5694E9

#6C9CFB

#408CE6

#669CFF

#4C92FF

#4A93F1

#4A94E6

#5694E9

#3E82E6

#5694E9 を使ったフォカマイユ

#5694E9

#73BEFF

#73BCF6

#4C83FF

#7A9EFF

#84B4FF

#61B9EE

#40A8F6

#5694E9

#5399D5

#3858F3

#79C7F3

#6894F8

#5694E9

#3869D0

#5694E9 を使ったドミナントカラー

#3F5675

#405673

#334052

#434547

#5694E9

#345480

#8DA5C4

#1D457D

#BED1EB

#102A4D

#5694E9

#223D63

#97A4B8

#ADC3E0

#5694E9 を使ったトライアド

#5694E9

#E95694

#94E956

#5694E9 を使ったスプリットコンプリメンタリー

#E9DC56

#5694E9

#E97A56

#5694E9 を使ったテトラード

#5694E9

#E956DE

#E9AB56

#56E962

#5694E9 を使ったコントラスト

#5694E9

#E9AB56

#5694E9

#CBD7E9

#5694E9

#264166

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

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

#5694E9

#5694E9 の色情報

#5694E9 の色相別色一覧

#5694E9 の彩度別色一覧

#5694E9 の明度別色一覧

#5694E9 を使ったトーンオントーン

#5694E9 を使ったトーンイントーン

#5694E9 を使ったカマイユ

#5694E9 を使ったフォカマイユ

#5694E9 を使ったドミナントカラー

#5694E9 を使ったトライアド

#5694E9 を使ったスプリットコンプリメンタリー

#5694E9 を使ったテトラード

#5694E9 を使ったコントラスト