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

#3A96A6 の色情報

#3A96A6

画像
HEX	#3A96A6
RGB	R:58 G:150 B:166
RGBの割合	R:22.7% G:58.8% B:65.1%
HSV	H:188.9 S:65.1 V:65.1
HSL	H:188.9 S:48.2 L:43.9
CMY	C:77.3 M:41.2 Y:34.9

CMYK	C:65.1 M:9.6 Y:0.0 K:34.9
YCbCr	Y:122.8 Cb:148.6 Cr:86.5
XYZ	X:19.5 Y:25.5 Z:40.0
xyY	x:0.230 y:0.300 Y:25.5

CIE Lab	L:57.5 a:-21.9 b*:-16.4
CIE LCh	L:57.5 C:27.3 h:216.9
CIE Luv	L:57.5 u:-36.0 v*:-21.5
Hunter Lab	L:50.5 a:-19.2 b:-11.6

#3A96A6 の色相別色一覧

#A64A3A

#A6653A

#A6803A

#A69B3A

#96A63A

#7BA63A

#60A63A

#45A63A

#3AA64A

#3AA665

#3AA680

#3AA69B

#3A96A6

#3A7BA6

#3A60A6

#3A45A6

#4A3AA6

#653AA6

#803AA6

#9B3AA6

#A63A96

#A63A7B

#A63A60

#A63A45

#3A96A6 の彩度別色一覧

#A6A6A6

#9EA5A6

#95A4A6

#8DA2A6

#85A1A6

#7CA0A6

#749FA6

#6C9DA6

#649CA6

#5B9BA6

#539AA6

#4B98A6

#4297A6

#3A96A6

#3295A6

#2994A6

#2192A6

#1991A6

#1190A6

#088FA6

#3A96A6 の明度別色一覧

#000000

#050C0D

#09171A

#0D2327

#122E33

#163A40

#1B454D

#1F515A

#245C66

#286873

#2D7380

#317F8D

#368A99

#3A96A6

#3EA2B3

#43ADC0

#47B9CC

#4CC4D9

#50D0E6

#55DBF3

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

#166A6B

#1EA7CC

#3A96A6

#13424A

#6CC3E6

#3A96A6

#70FAF7

#3F7273

#1F4A59

#4AC4CF

#2FB1ED

#1F5669

#3A96A6

#0E5C5A

#48B8CF

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

#A7AB2E

#784ABD

#399955

#9C334E

#3A96A6

#673DBA

#2CA940

#948932

#AE3660

#3A96A6

#8D3B58

#3A96A6

#9C7E32

#4E2D92

#33922C

#3A96A6 を使ったカマイユ

#309FB8

#2F839C

#3A96A6

#4EADC0

#30919C

#4A94A9

#3A8E9E

#3A96A6

#2E788D

#3D99A1

#317B8F

#3199B5

#4EABB5

#3A96A6

#3799A3

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

#1E788A

#277C82

#3A96A6

#268AAB

#24858F

#2292AB

#3A96A6

#1E7F82

#49B4B8

#3D6C85

#237BAE

#3A96A6

#4AB0AD

#3A8FB0

#5CB8B8

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

#0B5F6E

#3A96A6

#3B828F

#629CA6

#2FC6E0

#133036

#4DAEBF

#3A96A6

#75EBFF

#5D696B

#86AEB5

#3A96A6

#555B5C

#1B434A

#0E9AB3

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

#046475

#6DDAED

#3A96A6

#A8ECF7

#147080

#3A96A6

#8BE7F7

#3A96A6

#04697A

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

#3A96A6

#A63A96

#96A63A

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

#A66E3A

#3A96A6

#A63A4E

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

#3A96A6

#803AA6

#A64A3A

#60A63A

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

#3A96A6

#A64A3A

#3A96A6

#8DA2A6

#3A96A6

#59E6FF

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

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

#3A96A6

#3A96A6 の色情報

#3A96A6 の色相別色一覧

#3A96A6 の彩度別色一覧

#3A96A6 の明度別色一覧

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

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

#3A96A6 を使ったカマイユ

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

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

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

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

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

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

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