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

#509CF4 の色情報

#509CF4

画像
HEX	#509CF4
RGB	R:80 G:156 B:244
RGBの割合	R:31.4% G:61.2% B:95.7%
HSV	H:212.2 S:67.2 V:95.7
HSL	H:212.2 S:88.2 L:63.5
CMY	C:68.6 M:38.8 Y:4.3

CMYK	C:67.2 M:36.1 Y:0.0 K:4.3
YCbCr	Y:139.1 Cb:177.9 Cr:88.4
XYZ	X:31.5 Y:32.0 Z:90.1
xyY	x:0.205 y:0.208 Y:32.0

CIE Lab	L:63.4 a:4.1 b*:-51.0
CIE LCh	L:63.4 C:51.1 h:274.6
CIE Luv	L:63.4 u:-30.2 v*:-82.3
Hunter Lab	L:56.6 a:0.4 b:-54.8

#509CF4 の色相別色一覧

#F45650

#F47F50

#F4A850

#F4D150

#EEF450

#C5F450

#9CF450

#73F450

#50F456

#50F47F

#50F4A8

#50F4D1

#50EEF4

#50C5F4

#509CF4

#5073F4

#5650F4

#7F50F4

#A850F4

#D150F4

#F450EE

#F450C5

#F4509C

#F45073

#509CF4 の彩度別色一覧

#EFF1F4

#E2EBF4

#D6E4F4

#CADDF4

#BED7F4

#B2D0F4

#A5CAF4

#99C3F4

#8DBDF4

#81B6F4

#75B0F4

#68A9F4

#5CA3F4

#509CF4

#4495F4

#388FF4

#2B88F4

#1F82F4

#137BF4

#0775F4

#509CF4 の明度別色一覧

#010102

#05090F

#09111B

#0D1A28

#112235

#152A42

#1A324E

#1E3A5B

#224268

#264A75

#2A5381

#2F5B8E

#33639B

#376BA8

#3B73B4

#3F7BC1

#4384CE

#488CDB

#4C94E7

#509CF4

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

#143C70

#509CF4

#203B54

#5C90C4

#244FA6

#3669C9

#224C73

#509CF4

#254B91

#242E45

#112F47

#1E81C9

#115682

#509CF4

#3B6199

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

#E0C640

#51E747

#FE6393

#B960EC

#509CF4

#3CF155

#F2FF68

#509CF4

#C44BFC

#F14D54

#509CF4

#FC556B

#5FEF6E

#E5DD42

#AA3FDB

#509CF4 を使ったカマイユ

#4593F9

#5196FE

#509CF4

#5EB1FF

#5993DB

#4692F1

#509CF4

#4481E5

#5AA2E7

#3F9BFE

#56ADFF

#509CF4

#3A92E0

#5696FE

#559FEF

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

#3194CE

#3696E5

#509CF4

#75A5FF

#5EA3FF

#3B82CE

#509CF4

#6FC4EC

#52A0E0

#65A5FF

#509CF4

#6A94FE

#2F80FC

#65AAFF

#3DA4FF

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

#568AC7

#19304A

#243140

#4B6E96

#509CF4

#85ABD6

#509CF4

#364E69

#E4E9F0

#A7BED9

#509CF4

#335A87

#4D6075

#3C8CE8

#456285

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

#509CF4

#F4509C

#9CF450

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

#F4DF50

#509CF4

#F47150

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

#509CF4

#F450EE

#F4A850

#50F456

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

#509CF4

#F4A850

#509CF4

#CADDF4

#509CF4

#214166

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

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

#509CF4

#509CF4 の色情報

#509CF4 の色相別色一覧

#509CF4 の彩度別色一覧

#509CF4 の明度別色一覧

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

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

#509CF4 を使ったカマイユ

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

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

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

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

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

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