#3A80A2｜カラーサイト.com

#3A80A2 の色情報

#3A80A2

画像
HEX	#3A80A2
RGB	R:58 G:128 B:162
RGBの割合	R:22.7% G:50.2% B:63.5%
HSV	H:199.6 S:64.2 V:63.5
HSL	H:199.6 S:47.3 L:43.1
CMY	C:77.3 M:49.8 Y:36.5

CMYK	C:64.2 M:21.0 Y:0.0 K:36.5
YCbCr	Y:111.3 Cb:153.3 Cr:94.9
XYZ	X:16.0 Y:18.9 Z:37.0
xyY	x:0.222 y:0.263 Y:18.9

CIE Lab	L:50.6 a:-11.2 b*:-24.7
CIE LCh	L:50.6 C:27.1 h:245.6
CIE Luv	L:50.6 u:-27.9 v*:-35.3
Hunter Lab	L:43.5 a:-10.6 b:-19.9

#3A80A2 の色相別色一覧

#A2423A

#A25C3A

#A2763A

#A2903A

#9AA23A

#80A23A

#66A23A

#4CA23A

#3AA242

#3AA25C

#3AA276

#3AA290

#3A9AA2

#3A80A2

#3A66A2

#3A4CA2

#423AA2

#5C3AA2

#763AA2

#903AA2

#A23A9A

#A23A80

#A23A66

#A23A4C

#3A80A2 の彩度別色一覧

#9BA0A2

#939DA2

#8B9AA2

#8398A2

#7B95A2

#7393A2

#6B90A2

#638DA2

#5A8BA2

#5288A2

#4A85A2

#4283A2

#3A80A2

#327DA2

#2A7BA2

#2278A2

#1A75A2

#1273A2

#0970A2

#016DA2

#3A80A2 の明度別色一覧

#030709

#081116

#0C1B23

#11252F

#152F3C

#1A3949

#1F4456

#234E62

#28586F

#2C627C

#316C89

#357695

#3A80A2

#3F8AAF

#4394BC

#489EC8

#4CA8D5

#51B2E2

#55BCEF

#5AC7FB

#3A80A2 を使ったトーンオントーン

#226175

#3A80A2

#20484F

#379DD6

#3F9CEB

#3A80A2

#53BFF0

#134757

#25606B

#3B9FCC

#2AAFEB

#19354D

#437080

#3A80A2

#4CB3C9

#3A80A2 を使ったトーンイントーン

#8B45AA

#B63141

#9BAF4B

#308955

#3A80A2

#3E9F4C

#5A2A90

#B6364A

#AAAF38

#3A80A2

#AC3759

#3F9F3B

#3A80A2

#653B9D

#B9B03D

#3A80A2 を使ったカマイユ

#397290

#4A8EB6

#2B7695

#3F7890

#3A80A2

#3D778B

#3A80A2

#2E6689

#3B7598

#316F9A

#2E6389

#3A80A2

#489AB9

#2E6A8E

#4F86AC

#3A80A2 を使ったフォカマイユ

#3A80A2

#2AACC8

#255695

#337983

#508FC8

#3C7EC8

#478295

#5085A7

#3A80A2

#336683

#387CA7

#36727E

#225383

#3A80A2

#4EB2C3

#3A80A2 を使ったドミナントカラー

#1586BD

#3A80A2

#3B9DCC

#8CC1DB

#515A5E

#3A80A2

#288EBF

#16475E

#BCD5E0

#C3DEEB

#5E8191

#758A94

#8598A1

#334B57

#3A80A2

#3A80A2 を使ったアイデンティティ

#81B0C7

#3A80A2

#135A7D

#185E80

#3A80A2

#7DD1FA

#3A80A2

#64A5C4

#1594D1

#3A80A2 を使ったトライアド

#3A80A2

#A23A80

#80A23A

#3A80A2 を使ったスプリットコンプリメンタリー

#A27F3A

#3A80A2

#A23A3B

#3A80A2 を使ったテトラード

#3A80A2

#903AA2

#A25C3A

#4CA23A

#3A80A2 を使ったコントラスト

#3A80A2

#A25C3A

#3A80A2

#8B9AA2

#3A80A2

#5BC9FF

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

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

#3A80A2

#3A80A2 の色情報

#3A80A2 の色相別色一覧

#3A80A2 の彩度別色一覧

#3A80A2 の明度別色一覧

#3A80A2 を使ったトーンオントーン

#3A80A2 を使ったトーンイントーン

#3A80A2 を使ったカマイユ

#3A80A2 を使ったフォカマイユ

#3A80A2 を使ったドミナントカラー

#3A80A2 を使ったアイデンティティ

#3A80A2 を使ったトライアド

#3A80A2 を使ったスプリットコンプリメンタリー

#3A80A2 を使ったテトラード

#3A80A2 を使ったコントラスト