#284CF2｜カラーサイト.com

#284CF2 の色情報

#284CF2

画像
HEX	#284CF2
RGB	R:40 G:76 B:242
RGBの割合	R:15.7% G:29.8% B:94.9%
HSV	H:229.3 S:83.5 V:94.9
HSL	H:229.3 S:88.6 L:55.3
CMY	C:84.3 M:70.2 Y:5.1

CMYK	C:83.5 M:68.6 Y:0.0 K:5.1
YCbCr	Y:88.3 Cb:206.2 Cr:100.4
XYZ	X:19.5 Y:12.0 Z:85.3
xyY	x:0.167 y:0.103 Y:12.0

CIE Lab	L:41.3 a:48.0 b*:-85.6
CIE LCh	L:41.3 C:98.2 h:299.3
CIE Luv	L:41.3 u:-14.5 v*:-123.8
Hunter Lab	L:34.7 a:39.6 b:-121.5

#284CF2 の色相別色一覧

#F23728

#F26928

#F29C28

#F2CE28

#E4F228

#B1F228

#7FF228

#4CF228

#28F237

#28F269

#28F29C

#28F2CE

#28E4F2

#28B1F2

#287FF2

#284CF2

#3728F2

#6928F2

#9C28F2

#CE28F2

#F228E4

#F228B1

#F2287F

#F2284C

#284CF2 の彩度別色一覧

#EAEBF2

#DEE1F2

#D1D7F2

#C5CDF2

#B9C3F2

#ADB9F2

#A1AFF2

#95A5F2

#899CF2

#7D92F2

#7188F2

#657EF2

#5874F2

#4C6AF2

#4060F2

#3456F2

#284CF2

#1C42F2

#1038F2

#042EF2

#284CF2 の明度別色一覧

#02040D

#040819

#060C26

#081033

#0A1440

#0D184C

#0F1C59

#112066

#132473

#15287F

#172C8C

#193099

#1B34A6

#1D38B2

#203CBF

#2240CC

#2444D9

#2648E5

#284CF2

#2A50FF

#284CF2 を使ったトーンオントーン

#16175E

#001375

#284CF2

#1B47AB

#112CCC

#284CF2

#0D1447

#000A6E

#1432A1

#2D3FB8

#284CF2

#354FBA

#1D2670

#0B1E4F

#152AA8

#284CF2 を使ったトーンイントーン

#FF4F13

#2CEFC6

#7AFF22

#284CF2

#F62DFF

#5BEF12

#284CF2

#FC741D

#DE29D4

#18FFC6

#E51C14

#DE3DFA

#AAEA3E

#284CF2

#3DF7C3

#284CF2 を使ったカマイユ

#374BEA

#1746D9

#2D48FF

#284CF2

#3764FF

#284CF2

#3F67FF

#1335FF

#2D58DB

#1C49E0

#1D49FF

#284CF2

#2E45E0

#335CF7

#2240DB

#284CF2 を使ったフォカマイユ

#141CD1

#2015CC

#134DFF

#284CF2

#1911DE

#0A44DB

#121BD9

#284FD6

#284CF2

#2035FF

#0803E3

#447EFF

#2F36D9

#3424FA

#284CF2

#284CF2 を使ったドミナントカラー

#A1B0F7

#284CF2

#777A85

#505D99

#CFD7FA

#7B84AB

#04114D

#163AE0

#4161F2

#284CF2

#313547

#9CA0B5

#07165C

#3851C7

#284CF2

#284CF2 を使ったトライアド

#284CF2

#F2284C

#4CF228

#284CF2 を使ったスプリットコンプリメンタリー

#D3F228

#284CF2

#F28B28

#284CF2 を使ったテトラード

#284CF2

#F228B1

#F2CE28

#28F269

#284CF2 を使ったコントラスト

#284CF2

#F2CE28

#284CF2

#A1AFF2

#284CF2

#112066

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

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

#284CF2

#284CF2 の色情報

#284CF2 の色相別色一覧

#284CF2 の彩度別色一覧

#284CF2 の明度別色一覧

#284CF2 を使ったトーンオントーン

#284CF2 を使ったトーンイントーン

#284CF2 を使ったカマイユ

#284CF2 を使ったフォカマイユ

#284CF2 を使ったドミナントカラー

#284CF2 を使ったトライアド

#284CF2 を使ったスプリットコンプリメンタリー

#284CF2 を使ったテトラード

#284CF2 を使ったコントラスト