#338AA3｜カラーサイト.com

#338AA3 の色情報

#338AA3

画像
HEX	#338AA3
RGB	R:51 G:138 B:163
RGBの割合	R:20.0% G:54.1% B:63.9%
HSV	H:193.4 S:68.7 V:63.9
HSL	H:193.4 S:52.3 L:42.0
CMY	C:80.0 M:45.9 Y:36.1

CMYK	C:68.7 M:15.3 Y:0.0 K:36.1
YCbCr	Y:114.6 Cb:151.9 Cr:88.0
XYZ	X:17.1 Y:21.5 Z:37.9
xyY	x:0.223 y:0.281 Y:21.5

CIE Lab	L:53.5 a:-17.6 b*:-20.8
CIE LCh	L:53.5 C:27.3 h:229.8
CIE Luv	L:53.5 u:-33.0 v*:-28.7
Hunter Lab	L:46.4 a:-15.5 b:-16.0

#338AA3 の色相別色一覧

#A34C33

#A36833

#A38433

#A3A033

#8AA333

#6EA333

#52A333

#36A333

#33A34C

#33A368

#33A384

#33A3A0

#338AA3

#336EA3

#3352A3

#3336A3

#4C33A3

#6833A3

#8433A3

#A033A3

#A3338A

#A3336E

#A33352

#A33336

#338AA3 の彩度別色一覧

#9DA2A3

#95A0A3

#8D9EA3

#859CA3

#7C9AA3

#7499A3

#6C97A3

#6495A3

#5C93A3

#5491A3

#4B8FA3

#438EA3

#3B8CA3

#338AA3

#2B88A3

#2386A3

#1B85A3

#1283A3

#0A81A3

#027FA3

#338AA3 の明度別色一覧

#03080A

#071317

#0B1E24

#0F2930

#13343D

#173E4A

#1B4957

#1F5463

#235F70

#276A7D

#2B748A

#2F7F96

#338AA3

#3795B0

#3BA0BD

#3FAAC9

#43B5D6

#47C0E3

#4BCBF0

#4FD6FC

#338AA3 を使ったトーンオントーン

#4DCEF0

#204954

#49C7D6

#338AA3

#194E70

#6DD7EB

#45B0BF

#143E52

#338AA3

#10687A

#1FA4BF

#256D7A

#124F59

#22BCED

#338AA3

#338AA3 を使ったトーンイントーン

#AB7429

#409437

#472D94

#338AA3

#B22D71

#AD7841

#BA2D88

#338AA3

#593BA8

#5CBA43

#338AA3

#B03371

#2F8C28

#5A33AD

#B79444

#338AA3 を使ったカマイユ

#2BA1BA

#32829B

#338AA3

#3E90B5

#259CB0

#338AA3

#227E94

#4183A0

#3C9CBA

#2486A8

#2A80A6

#24799B

#39849E

#338AA3

#367F8C

#338AA3 を使ったフォカマイユ

#3A779B

#1C5F84

#338AA3

#306282

#3F85BD

#3E7E8A

#338AA3

#30AFB0

#5697C7

#428EB5

#37C9C8

#338AA3

#2C97A8

#1D7E82

#396387

#338AA3 を使ったドミナントカラー

#27829C

#4BD3FA

#338AA3

#6EC7E0

#04A9D9

#1FA0C4

#286070

#66787D

#338AA3

#66A7BA

#338AA3

#B3DCE8

#3B606B

#69BED6

#95B8C2

#338AA3 を使ったトライアド

#338AA3

#A3338A

#8AA333

#338AA3 を使ったスプリットコンプリメンタリー

#A37133

#338AA3

#A3333F

#338AA3 を使ったテトラード

#338AA3

#8433A3

#A34C33

#52A333

#338AA3 を使ったコントラスト

#338AA3

#A34C33

#338AA3

#859CA3

#338AA3

#50D8FF

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

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

#338AA3

#338AA3 の色情報

#338AA3 の色相別色一覧

#338AA3 の彩度別色一覧

#338AA3 の明度別色一覧

#338AA3 を使ったトーンオントーン

#338AA3 を使ったトーンイントーン

#338AA3 を使ったカマイユ

#338AA3 を使ったフォカマイユ

#338AA3 を使ったドミナントカラー

#338AA3 を使ったトライアド

#338AA3 を使ったスプリットコンプリメンタリー

#338AA3 を使ったテトラード

#338AA3 を使ったコントラスト