#396BE9｜カラーサイト.com

#396BE9 の色情報

#396BE9

画像
HEX	#396BE9
RGB	R:57 G:107 B:233
RGBの割合	R:22.4% G:42.0% B:91.4%
HSV	H:223.0 S:75.5 V:91.4
HSL	H:223.0 S:80.0 L:56.9
CMY	C:77.6 M:58.0 Y:8.6

CMYK	C:75.5 M:54.1 Y:0.0 K:8.6
YCbCr	Y:107.4 Cb:190.7 Cr:97.1
XYZ	X:21.7 Y:17.3 Z:79.3
xyY	x:0.183 y:0.146 Y:17.3

CIE Lab	L:48.6 a:26.9 b*:-68.6
CIE LCh	L:48.6 C:73.7 h:291.4
CIE Luv	L:48.6 u:-19.5 v*:-106.5
Hunter Lab	L:41.6 a:20.3 b:-84.0

#396BE9 の色相別色一覧

#E95F39

#E98B39

#E9B739

#E9E339

#C3E939

#97E939

#6BE939

#3FE939

#39E95F

#39E98B

#39E9B7

#39E9E3

#39C3E9

#3997E9

#396BE9

#393FE9

#5F39E9

#8B39E9

#B739E9

#E339E9

#E939C3

#E93997

#E9396B

#E9393F

#396BE9 の彩度別色一覧

#E8E8E9

#DCE0E9

#D0D7E9

#C5CFE9

#B9C7E9

#AEBEE9

#A2B6E9

#96AEE9

#8BA5E9

#7F9DE9

#7395E9

#688CE9

#5C84E9

#507CE9

#4573E9

#396BE9

#2D63E9

#225AE9

#1652E9

#0A4AE9

#396BE9 の明度別色一覧

#010204

#040710

#070D1D

#0A132A

#0D1937

#101F43

#142550

#172B5D

#1A306A

#1D3676

#203C83

#234290

#26489D

#294EA9

#2D54B6

#3059C3

#335FD0

#3665DC

#396BE9

#3C71F6

#396BE9 を使ったトーンオントーン

#115AB8

#0A2652

#1B3570

#396BE9

#0E47A3

#396BE9

#374B8F

#1252BF

#1C4175

#0A2657

#0F50A3

#294CC9

#12216E

#162457

#396BE9

#396BE9 を使ったトーンイントーン

#E43C26

#396BE9

#9ED23C

#2FF1A3

#D930DF

#FB6C38

#4CECB4

#DA2FDA

#8DE649

#396BE9

#4CFB84

#DE23F3

#AEDA1F

#D5332E

#396BE9 を使ったカマイユ

#5682FB

#3160FB

#2259DA

#508AF6

#396BE9

#315AD2

#4578DC

#3561E4

#3D5ED5

#3961D7

#5289EE

#2859F6

#2F67FF

#396BE9

#396BE9 を使ったフォカマイユ

#2182F8

#4C55D0

#396BE9

#348CFF

#4A9AFB

#276DEE

#2654F8

#4A68D2

#396BE9

#2041D2

#1B88FD

#4A93DC

#396BE9

#518DF3

#3744FF

#396BE9 を使ったドミナントカラー

#4E73CF

#396BE9

#35487A

#50586E

#67769E

#293042

#39435E

#17264D

#396BE9

#0D2E82

#396BE9

#ABB1C2

#2852BD

#7B89AB

#686D7A

#396BE9 を使ったトライアド

#396BE9

#E9396B

#6BE939

#396BE9 を使ったスプリットコンプリメンタリー

#E0E939

#396BE9

#E97C39

#396BE9 を使ったテトラード

#396BE9

#E939C3

#E9B739

#39E95F

#396BE9 を使ったコントラスト

#396BE9

#E9B739

#396BE9

#AEBEE9

#396BE9

#192F66

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

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

#396BE9

#396BE9 の色情報

#396BE9 の色相別色一覧

#396BE9 の彩度別色一覧

#396BE9 の明度別色一覧

#396BE9 を使ったトーンオントーン

#396BE9 を使ったトーンイントーン

#396BE9 を使ったカマイユ

#396BE9 を使ったフォカマイユ

#396BE9 を使ったドミナントカラー

#396BE9 を使ったトライアド

#396BE9 を使ったスプリットコンプリメンタリー

#396BE9 を使ったテトラード

#396BE9 を使ったコントラスト