#3170A2｜カラーサイト.com

#3170A2 の色情報

#3170A2

画像
HEX	#3170A2
RGB	R:49 G:112 B:162
RGBの割合	R:19.2% G:43.9% B:63.5%
HSV	H:206.5 S:69.8 V:63.5
HSL	H:206.5 S:53.6 L:41.4
CMY	C:80.8 M:56.1 Y:36.5

CMYK	C:69.8 M:30.9 Y:0.0 K:36.5
YCbCr	Y:100.9 Cb:159.3 Cr:96.8
XYZ	X:13.6 Y:14.8 Z:36.3
xyY	x:0.210 y:0.229 Y:14.8

CIE Lab	L:45.4 a:-3.4 b*:-32.8
CIE LCh	L:45.4 C:33.0 h:264.1
CIE Luv	L:45.4 u:-24.0 v*:-48.0
Hunter Lab	L:38.5 a:-4.5 b:-28.9

#3170A2 の色相別色一覧

#A24731

#A26331

#A27F31

#A29C31

#8CA231

#70A231

#54A231

#38A231

#31A247

#31A263

#31A27F

#31A29C

#318CA2

#3170A2

#3154A2

#3138A2

#4731A2

#6331A2

#7F31A2

#9C31A2

#A2318C

#A23170

#A23154

#A23138

#3170A2 の彩度別色一覧

#9A9FA2

#929BA2

#8A97A2

#8294A2

#7A90A2

#728DA2

#6A89A2

#6286A2

#5A82A2

#517EA2

#497BA2

#4177A2

#3974A2

#3170A2

#296CA2

#2169A2

#1965A2

#1162A2

#095EA2

#005AA2

#3170A2 の明度別色一覧

#030609

#070F16

#0A1823

#0E212F

#12293C

#163249

#1A3B56

#1E4462

#224D6F

#25567C

#295E89

#2D6795

#3170A2

#3579AF

#3982BC

#3D8AC8

#4093D5

#449CE2

#48A5EF

#4CAEFB

#3170A2 を使ったトーンオントーン

#70B0E3

#369DCF

#293E54

#34527A

#3170A2

#1E8FE3

#1D3A57

#318ACC

#294969

#67A6F5

#2874CF

#223647

#2F6378

#3170A2

#3170A2 を使ったトーンイントーン

#6A23AF

#3B9340

#B4B338

#3170A2

#8B2347

#8E354C

#9537BC

#3170A2

#AAA530

#378B51

#3170A2

#882AAF

#93242C

#299A42

#ACA725

#3170A2 を使ったカマイユ

#3170A2

#397BAC

#4485AA

#2674BC

#3A709D

#2A68A5

#3170A2

#2A84B6

#225B93

#2770B1

#387CAC

#318ABC

#4071A7

#3170A2

#2780B9

#3170A2 を使ったフォカマイユ

#235486

#337CC3

#375D7E

#2A617E

#3170A2

#46ADC6

#3B6C86

#24557E

#295190

#3170A2

#1D6089

#57ADC6

#457798

#2851AC

#3170A2 を使ったドミナントカラー

#4E6D85

#3170A2

#7EB0D9

#78A0BF

#578AB3

#035EA6

#3170A2

#505254

#484C4F

#034D87

#395163

#478DC4

#364E61

#3170A2

#015291

#3170A2 を使ったアイデンティティ

#3170A2

#3B576E

#2C93E6

#003763

#3170A2

#ACD8FA

#6DBAF7

#3170A2

#4C6478

#3170A2 を使ったトライアド

#3170A2

#A23170

#70A231

#3170A2 を使ったスプリットコンプリメンタリー

#A28931

#3170A2

#A23D31

#3170A2 を使ったテトラード

#3170A2

#9C31A2

#A26331

#38A231

#3170A2 を使ったコントラスト

#3170A2

#A26331

#3170A2

#8294A2

#3170A2

#4DB0FF

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

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

#3170A2

#3170A2 の色情報

#3170A2 の色相別色一覧

#3170A2 の彩度別色一覧

#3170A2 の明度別色一覧

#3170A2 を使ったトーンオントーン

#3170A2 を使ったトーンイントーン

#3170A2 を使ったカマイユ

#3170A2 を使ったフォカマイユ

#3170A2 を使ったドミナントカラー

#3170A2 を使ったアイデンティティ

#3170A2 を使ったトライアド

#3170A2 を使ったスプリットコンプリメンタリー

#3170A2 を使ったテトラード

#3170A2 を使ったコントラスト