#304BF9｜カラーサイト.com

#304BF9 の色情報

#304BF9

画像
HEX	#304BF9
RGB	R:48 G:75 B:249
RGBの割合	R:18.8% G:29.4% B:97.6%
HSV	H:231.9 S:80.7 V:97.6
HSL	H:231.9 S:94.4 L:58.2
CMY	C:81.2 M:70.6 Y:2.4

CMYK	C:80.7 M:69.9 Y:0.0 K:2.4
YCbCr	Y:90.5 Cb:208.4 Cr:103.8
XYZ	X:20.8 Y:12.5 Z:90.9
xyY	x:0.168 y:0.101 Y:12.5

CIE Lab	L:42.0 a:51.5 b*:-88.4
CIE LCh	L:42.0 C:102.3 h:300.2
CIE Luv	L:42.0 u:-13.5 v*:-128.0
Hunter Lab	L:35.4 a:43.3 b:-127.8

#304BF9 の色相別色一覧

#F94730

#F97A30

#F9AC30

#F9DE30

#E2F930

#B0F930

#7DF930

#4BF930

#30F947

#30F97A

#30F9AC

#30F9DE

#30E2F9

#30B0F9

#307DF9

#304BF9

#4730F9

#7A30F9

#AC30F9

#DE30F9

#F930E2

#F930B0

#F9307D

#F9304B

#304BF9 の彩度別色一覧

#F7F7F9

#EBEDF9

#DEE2F9

#D2D7F9

#C5CCF9

#B9C2F9

#ADB7F9

#A0ACF9

#94A1F9

#8796F9

#7B8CF9

#6E81F9

#6276F9

#556BF9

#4961F9

#3C56F9

#304BF9

#2440F9

#1735F9

#0B2BF9

#304BF9 の明度別色一覧

#010207

#040614

#060A20

#090E2D

#0B113A

#0E1547

#101953

#131D60

#15216D

#17257A

#1A2886

#1C2C93

#1F30A0

#2134AD

#2438B9

#263CC6

#293FD3

#2B43E0

#2E47EC

#304BF9

#304BF9 を使ったトーンオントーン

#081A6B

#030059

#192391

#304BF9

#3056C7

#07119E

#1B1E6B

#4067C2

#1B1C45

#304BF9

#1E357A

#111152

#304E99

#3B57BD

#304BF9 を使ったトーンイントーン

#E55315

#80E71F

#304BF9

#45ECC2

#F434CE

#85E036

#304BF9

#FF7243

#F447F1

#1FFFD9

#47E0F4

#61FF2C

#EF9338

#304BF9

#FF27D8

#304BF9 を使ったカマイユ

#304BF9

#1A35FF

#222FE0

#3949F6

#2A4DFF

#3B45FF

#304BF9

#152EE5

#2C41FF

#406AFF

#2836F4

#4061F4

#2C53FF

#304BF9

#2F4EFF

#304BF9 を使ったフォカマイユ

#304BF9

#0B20D5

#4542F1

#4665FF

#2E37D8

#304BF9

#3F4DE7

#2B18FF

#150DFF

#528CFF

#2C7AFF

#1A4ED3

#251AFF

#5852FF

#304BF9

#304BF9 を使ったドミナントカラー

#717DC9

#5967C2

#304BF9

#0D1652

#2738A8

#7E808F

#21243B

#293585

#676FA8

#304BF9

#D1D5ED

#3C3E47

#ABAFC9

#2C3EB0

#304BF9 を使ったトライアド

#304BF9

#F9304B

#4BF930

#304BF9 を使ったスプリットコンプリメンタリー

#D1F930

#304BF9

#F99B30

#304BF9 を使ったテトラード

#304BF9

#F930B0

#F9DE30

#30F97A

#304BF9 を使ったコントラスト

#304BF9

#F9DE30

#304BF9

#ADB7F9

#304BF9

#141F66

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

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

#304BF9

#304BF9 の色情報

#304BF9 の色相別色一覧

#304BF9 の彩度別色一覧

#304BF9 の明度別色一覧

#304BF9 を使ったトーンオントーン

#304BF9 を使ったトーンイントーン

#304BF9 を使ったカマイユ

#304BF9 を使ったフォカマイユ

#304BF9 を使ったドミナントカラー

#304BF9 を使ったトライアド

#304BF9 を使ったスプリットコンプリメンタリー

#304BF9 を使ったテトラード

#304BF9 を使ったコントラスト