#509DF0｜カラーサイト.com

#509DF0 の色情報

#509DF0

画像
HEX	#509DF0
RGB	R:80 G:157 B:240
RGBの割合	R:31.4% G:61.6% B:94.1%
HSV	H:211.1 S:66.7 V:94.1
HSL	H:211.1 S:84.2 L:62.7
CMY	C:68.6 M:38.4 Y:5.9

CMYK	C:66.7 M:34.6 Y:0.0 K:5.9
YCbCr	Y:139.2 Cb:175.8 Cr:88.3
XYZ	X:31.1 Y:32.1 Z:87.0
xyY	x:0.207 y:0.214 Y:32.1

CIE Lab	L:63.4 a:2.1 b*:-48.6
CIE LCh	L:63.4 C:48.7 h:272.5
CIE Luv	L:63.4 u:-30.7 v*:-78.2
Hunter Lab	L:56.7 a:-1.2 b:-51.4

#509DF0 の色相別色一覧

#F05350

#F07B50

#F0A350

#F0CB50

#EDF050

#C5F050

#9DF050

#75F050

#50F053

#50F07B

#50F0A3

#50F0CB

#50EDF0

#50C5F0

#509DF0

#5075F0

#5350F0

#7B50F0

#A350F0

#CB50F0

#F050ED

#F050C5

#F0509D

#F05075

#509DF0 の彩度別色一覧

#ECEEF0

#E0E8F0

#D4E1F0

#C8DBF0

#BCD5F0

#B0CFF0

#A4C9F0

#98C2F0

#8CBCF0

#80B6F0

#74B0F0

#68A9F0

#5CA3F0

#509DF0

#4497F0

#3891F0

#2C8AF0

#2084F0

#147EF0

#0878F0

#509DF0 の明度別色一覧

#03070B

#080F17

#0C1824

#102031

#15283E

#19314A

#1D3957

#214164

#264A71

#2A527D

#2E5A8A

#326397

#376BA4

#3B73B0

#3F7CBD

#4384CA

#488CD7

#4C95E3

#509DF0

#54A5FD

#509DF0 を使ったトーンオントーン

#293F4F

#509DF0

#4F84AB

#2A537A

#3771BD

#1C3E82

#145099

#244354

#509DF0

#2081BA

#132F54

#509DF0

#5A80C7

#30569E

#2F5170

#509DF0 を使ったトーンイントーン

#509DF0

#6CFF9B

#D763EB

#E8F559

#E1616A

#69F3B7

#DB65F5

#BEE350

#509DF0

#FF6F71

#53D97C

#FF5D5A

#509DF0

#BE4FE6

#E1F362

#509DF0 を使ったカマイユ

#65A0ED

#4D97FF

#4699FF

#4E84D7

#509DF0

#5FA4E1

#4BAEFF

#518FE6

#509DF0

#5690DC

#43A4FF

#65B2FA

#509DF0

#5494E8

#529DFF

#509DF0 を使ったフォカマイユ

#5B85DC

#3590DC

#3C85F5

#509DF0

#5ACDFF

#517ED9

#48A3FF

#6DBAE1

#3C81DC

#509DF0

#51A1DE

#6F95FF

#6FB1EB

#509DF0

#4770FA

#509DF0 を使ったドミナントカラー

#54A3F7

#509DF0

#3E7DC2

#8EC2FA

#003B7A

#1259A6

#3C5673

#B2CEED

#509DF0

#3C444D

#03448A

#364C63

#509DF0

#4E6A87

#175CA6

#509DF0 を使ったアイデンティティ

#509DF0

#485D73

#2771C2

#638CB8

#044387

#509DF0

#1C76D6

#566E87

#509DF0

#509DF0 を使ったトライアド

#509DF0

#F0509D

#9DF050

#509DF0 を使ったスプリットコンプリメンタリー

#F0D850

#509DF0

#F06E50

#509DF0 を使ったテトラード

#509DF0

#F050ED

#F0A350

#50F053

#509DF0 を使ったコントラスト

#509DF0

#F0A350

#509DF0

#C8DBF0

#509DF0

#224366

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

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

#509DF0

#509DF0 の色情報

#509DF0 の色相別色一覧

#509DF0 の彩度別色一覧

#509DF0 の明度別色一覧

#509DF0 を使ったトーンオントーン

#509DF0 を使ったトーンイントーン

#509DF0 を使ったカマイユ

#509DF0 を使ったフォカマイユ

#509DF0 を使ったドミナントカラー

#509DF0 を使ったアイデンティティ

#509DF0 を使ったトライアド

#509DF0 を使ったスプリットコンプリメンタリー

#509DF0 を使ったテトラード

#509DF0 を使ったコントラスト