#306BE2｜カラーサイト.com

#306BE2 の色情報

#306BE2

画像
HEX	#306BE2
RGB	R:48 G:107 B:226
RGBの割合	R:18.8% G:42.0% B:88.6%
HSV	H:220.1 S:78.8 V:88.6
HSL	H:220.1 S:75.4 L:53.7
CMY	C:81.2 M:58.0 Y:11.4

CMYK	C:78.8 M:52.7 Y:0.0 K:11.4
YCbCr	Y:104.4 Cb:189.0 Cr:93.7
XYZ	X:20.2 Y:16.6 Z:74.1
xyY	x:0.182 y:0.150 Y:16.6

CIE Lab	L:47.8 a:23.4 b*:-65.9
CIE LCh	L:47.8 C:70.0 h:289.6
CIE Luv	L:47.8 u:-20.9 v*:-101.9
Hunter Lab	L:40.8 a:17.0 b:-79.2

#306BE2 の色相別色一覧

#E24E30

#E27B30

#E2A730

#E2D430

#C4E230

#98E230

#6BE230

#3FE230

#30E24E

#30E27B

#30E2A7

#30E2D4

#30C4E2

#3098E2

#306BE2

#303FE2

#4E30E2

#7B30E2

#A730E2

#D430E2

#E230C4

#E23098

#E2306B

#E2303F

#306BE2 の彩度別色一覧

#DADCE2

#CED5E2

#C3CDE2

#B8C6E2

#ACBEE2

#A1B7E2

#96AFE2

#8AA7E2

#7FA0E2

#7498E2

#6991E2

#5D89E2

#5282E2

#477AE2

#3B73E2

#306BE2

#2563E2

#195CE2

#0E54E2

#034DE2

#306BE2 の明度別色一覧

#020409

#050A16

#071023

#0A1630

#0D1D3C

#102349

#122956

#152F63

#18356F

#1A3B7C

#1D4189

#204796

#224DA2

#2553AF

#2859BC

#2B5FC9

#2D65D5

#306BE2

#3371EF

#3577FC

#306BE2 を使ったトーンオントーン

#306BE2

#1E4069

#0449C2

#062545

#133791

#3A61B0

#28428F

#294178

#111F59

#306BE2

#064EC2

#263F91

#19294A

#012170

#306BE2

#306BE2 を使ったトーンイントーン

#27C957

#CE303D

#E9F41B

#BC21DA

#306BE2

#F6324F

#306BE2

#B022D3

#47F473

#C3DA40

#4BF690

#F021F6

#CE1D19

#306BE2

#C4EF2C

#306BE2 を使ったカマイユ

#306BE2

#2C72F4

#1F5DFC

#3C74EF

#1A61E7

#306BE2

#2B7EFC

#3B7FDF

#3775D3

#1A65D5

#306BE2

#3A7BDD

#396BC9

#1A5AD3

#2E69D0

#306BE2 を使ったフォカマイユ

#335CC3

#3B9EEA

#3855BE

#306BE2

#377ACB

#3C67DD

#306BE2

#4B62E7

#4E79F1

#3988EA

#3383BC

#116CBC

#0D1CCB

#306BE2

#4372FF

#306BE2 を使ったドミナントカラー

#1E67FA

#0E3D9C

#30343D

#306BE2

#0248D4

#63708A

#23375E

#455575

#306BE2

#4E6187

#1C4599

#143373

#306BE2

#1C2E54

#2C323D

#306BE2 を使ったトライアド

#306BE2

#E2306B

#6BE230

#306BE2 を使ったスプリットコンプリメンタリー

#E2E230

#306BE2

#E26C30

#306BE2 を使ったテトラード

#306BE2

#E230C4

#E2A730

#30E24E

#306BE2 を使ったコントラスト

#306BE2

#E2A730

#306BE2

#A1B7E2

#306BE2

#163066

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

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

#306BE2

#306BE2 の色情報

#306BE2 の色相別色一覧

#306BE2 の彩度別色一覧

#306BE2 の明度別色一覧

#306BE2 を使ったトーンオントーン

#306BE2 を使ったトーンイントーン

#306BE2 を使ったカマイユ

#306BE2 を使ったフォカマイユ

#306BE2 を使ったドミナントカラー

#306BE2 を使ったトライアド

#306BE2 を使ったスプリットコンプリメンタリー

#306BE2 を使ったテトラード

#306BE2 を使ったコントラスト