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

#509DF2 の色情報

#509DF2

画像
HEX	#509DF2
RGB	R:80 G:157 B:242
RGBの割合	R:31.4% G:61.6% B:94.9%
HSV	H:211.5 S:66.9 V:94.9
HSL	H:211.5 S:86.2 L:63.1
CMY	C:68.6 M:38.4 Y:5.1

CMYK	C:66.9 M:35.1 Y:0.0 K:5.1
YCbCr	Y:139.4 Cb:176.7 Cr:88.2
XYZ	X:31.4 Y:32.2 Z:88.6
xyY	x:0.206 y:0.212 Y:32.2

CIE Lab	L:63.5 a:2.8 b*:-49.6
CIE LCh	L:63.5 C:49.7 h:273.2
CIE Luv	L:63.5 u:-30.6 v*:-79.9
Hunter Lab	L:56.8 a:-0.7 b:-52.8

#509DF2 の色相別色一覧

#F25450

#F27D50

#F2A550

#F2CE50

#EEF250

#C6F250

#9DF250

#75F250

#50F254

#50F27D

#50F2A5

#50F2CE

#50EEF2

#50C6F2

#509DF2

#5075F2

#5450F2

#7D50F2

#A550F2

#CE50F2

#F250EE

#F250C6

#F2509D

#F25075

#509DF2 の彩度別色一覧

#EDF0F2

#E1E9F2

#D5E3F2

#C9DCF2

#BDD6F2

#B1D0F2

#A5C9F2

#99C3F2

#8DBDF2

#80B6F2

#74B0F2

#68AAF2

#5CA3F2

#509DF2

#4497F2

#3890F2

#2C8AF2

#2084F2

#147DF2

#0777F2

#509DF2 の明度別色一覧

#04080D

#081019

#0D1926

#112133

#152940

#19314C

#1D3A59

#224266

#264A73

#2A537F

#2E5B8C

#326399

#376BA6

#3B74B2

#3F7CBF

#4384CC

#488CD9

#4C95E5

#509DF2

#54A5FF

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

#3172C4

#509DF2

#2D5CAB

#273F57

#14577D

#3980C9

#3B5678

#509DF2

#2B4457

#2169AB

#1A4B7A

#64AAD1

#243147

#509DF2

#356994

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

#CA5BE8

#4DFF7B

#FBFF64

#FF4254

#509DF2

#46E379

#EA5259

#B8E843

#C85EFF

#509DF2

#B64DDB

#EAD542

#67FA85

#509DF2

#DB4264

#509DF2 を使ったカマイユ

#5CACFF

#509DF2

#3885E0

#54A4E8

#599FDE

#4C91D9

#6BBEFF

#50A4EA

#509DF2

#3593E8

#5D9DF5

#6DB3FC

#61B7FF

#6AA9F7

#509DF2

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

#5CCFFF

#509DF2

#558AD9

#599DFF

#2CABDB

#6585EA

#69B2FF

#509DF2

#66A5FF

#34B5EA

#3DCAFF

#509DF2

#6CABE0

#5B8AD3

#4995FC

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

#5B8CC2

#222A33

#8D9094

#509DF2

#0B6AD4

#8FA4BA

#509DF2

#07376B

#47617D

#133D6B

#0F3D70

#509DF2

#152A42

#25394F

#253547

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

#4C5C6E

#0D54A3

#509DF2

#86AAD1

#509DF2

#194270

#509DF2

#146AC9

#456385

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

#509DF2

#F2509D

#9DF250

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

#F2DB50

#509DF2

#F26F50

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

#509DF2

#F250EE

#F2A550

#50F254

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

#509DF2

#F2A550

#509DF2

#C9DCF2

#509DF2

#224266

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

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

#509DF2

#509DF2 の色情報

#509DF2 の色相別色一覧

#509DF2 の彩度別色一覧

#509DF2 の明度別色一覧

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

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

#509DF2 を使ったカマイユ

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

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

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

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

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

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

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