#46afa2 hex color

In a RGB color space, hex #46afa2 is composed of 27.5% red, 68.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 7.4% yellow and 31.4% black. It has a hue angle of 172.6 degrees, a saturation of 42.9% and a lightness of 48%. #46afa2 color hex could be obtained by blending #8cffff with #005f45. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 69
- B 64
RGB color chart
- C 60
- M 0
- Y 7
- K 31
CMYK color chart

● #46afa2 color description : Dark moderate cyan.

The hexadecimal color #46afa2 has RGB values of R:70, G:175, B:162 and CMYK values of C:0.6, M:0, Y:0.07, K:0.31. Its decimal value is 4632482.

Hex triplet	46afa2	`#46afa2`
RGB Decimal	70, 175, 162	`rgb(70,175,162)`
RGB Percent	27.5, 68.6, 63.5	`rgb(27.5%,68.6%,63.5%)`
CMYK	60, 0, 7, 31
HSL	172.6°, 42.9, 48	`hsl(172.6,42.9%,48%)`
HSV (or HSB)	172.6°, 60, 68.6
Web Safe	339999	`#339999`

CIE-LAB	65.411, -33.243, -2.358
XYZ	24.375, 34.569, 39.568
xyY	0.247, 0.351, 34.569
CIE-LCH	65.411, 33.327, 184.057
CIE-LUV	65.411, -42.917, 1.622
Hunter-Lab	58.795, -28.889, 1.255
Binary	01000110, 10101111, 10100010

#46afa2
```
#46afa2 rgb(70,175,162)
```
#af4653
```
#af4653 rgb(175,70,83)
```

Complementary Color

#46af6e
```
#46af6e rgb(70,175,110)
```
#46afa2
```
#46afa2 rgb(70,175,162)
```
#4688af
```
#4688af rgb(70,136,175)
```

Analogous Color

#af6e46
```
#af6e46 rgb(175,110,70)
```
#46afa2
```
#46afa2 rgb(70,175,162)
```
#af4688
```
#af4688 rgb(175,70,136)
```

Split Complementary Color

#afa246
```
#afa246 rgb(175,162,70)
```
#46afa2
```
#46afa2 rgb(70,175,162)
```
#a246af
```
#a246af rgb(162,70,175)
```

Triadic Color

#53af46
```
#53af46 rgb(83,175,70)
```
#46afa2
```
#46afa2 rgb(70,175,162)
```
#a246af
```
#a246af rgb(162,70,175)
```
#af4653
```
#af4653 rgb(175,70,83)
```

Tetradic Color

#30786f
```
#30786f rgb(48,120,111)
```
#378b80
```
#378b80 rgb(55,139,128)
```
#3f9d91
```
#3f9d91 rgb(63,157,145)
```
#46afa2
```
#46afa2 rgb(70,175,162)
```
#54bbae
```
#54bbae rgb(84,187,174)
```
#66c2b7
```
#66c2b7 rgb(102,194,183)
```
#78c9bf
```
#78c9bf rgb(120,201,191)
```

Monochromatic Color

Below, you can see some colors close to #46afa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#46af88
```
#46af88 rgb(70,175,136)
```
#46af91
```
#46af91 rgb(70,175,145)
```
#46af99
```
#46af99 rgb(70,175,153)
```
#46afa2
```
#46afa2 rgb(70,175,162)
```
#46afab
```
#46afab rgb(70,175,171)
```
#46abaf
```
#46abaf rgb(70,171,175)
```
#46a2af
```
#46a2af rgb(70,162,175)
```

Similar Colors

Text with hexadecimal color #46afa2

This text has a font color of #46afa2.

<span style="color:#46afa2;">Text here</span>

#46afa2 background color

This paragraph has a background color of #46afa2.

<p style="background-color:#46afa2;">Content here</p>

#46afa2 border color

This element has a border color of #46afa2.

<div style="border:1px solid #46afa2;">Content here</div>

CSS codes

.text {color:#46afa2;}

.background {background-color:#46afa2;}

.border {border:1px solid #46afa2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030706 is the darkest color, while #f8fcfc is the lightest one.

#030706
```
#030706 rgb(3,7,6)
```
#081513
```
#081513 rgb(8,21,19)
```
#0e2320
```
#0e2320 rgb(14,35,32)
```
#14312d
```
#14312d rgb(20,49,45)
```
#193f3a
```
#193f3a rgb(25,63,58)
```
#1f4d47
```
#1f4d47 rgb(31,77,71)
```
#245b54
```
#245b54 rgb(36,91,84)
```
#2a6961
```
#2a6961 rgb(42,105,97)
```
#30776e
```
#30776e rgb(48,119,110)
```
#35857b
```
#35857b rgb(53,133,123)
```
#3b9388
```
#3b9388 rgb(59,147,136)
```
#40a195
```
#40a195 rgb(64,161,149)
```
#46afa2
```
#46afa2 rgb(70,175,162)
```

Shade Color Variation

#50b9ac
```
#50b9ac rgb(80,185,172)
```
#5ebeb3
```
#5ebeb3 rgb(94,190,179)
```
#6cc4b9
```
#6cc4b9 rgb(108,196,185)
```
#7acac0
```
#7acac0 rgb(122,202,192)
```
#88cfc6
```
#88cfc6 rgb(136,207,198)
```
#96d5cd
```
#96d5cd rgb(150,213,205)
```
#a4dbd4
```
#a4dbd4 rgb(164,219,212)
```
#b2e0da
```
#b2e0da rgb(178,224,218)
```
#c0e6e1
```
#c0e6e1 rgb(192,230,225)
```
#ceebe8
```
#ceebe8 rgb(206,235,232)
```
#dcf1ee
```
#dcf1ee rgb(220,241,238)
```
#eaf7f5
```
#eaf7f5 rgb(234,247,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75807f is the less saturated color, while #04f1d4 is the most saturated one.

#75807f
```
#75807f rgb(117,128,127)
```
#6c8986
```
#6c8986 rgb(108,137,134)
```
#62938d
```
#62938d rgb(98,147,141)
```
#599c94
```
#599c94 rgb(89,156,148)
```
#4fa69b
```
#4fa69b rgb(79,166,155)
```
#46afa2
```
#46afa2 rgb(70,175,162)
```
#3db8a9
```
#3db8a9 rgb(61,184,169)
```
#33c2b0
```
#33c2b0 rgb(51,194,176)
```
#2acbb7
```
#2acbb7 rgb(42,203,183)
```
#20d5be
```
#20d5be rgb(32,213,190)
```
#17dec5
```
#17dec5 rgb(23,222,197)
```
#0de8cd
```
#0de8cd rgb(13,232,205)
```
#04f1d4
```
#04f1d4 rgb(4,241,212)
```

Tone Color Variation

Below, you can see how #46afa2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#8e8e8e Achromatopsia 0.005% of the population
#809592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a39e Protanopia 1% of men
#ae9fad Deuteranopia 1% of men
#5aafbc Tritanopia 0.001% of the population

Trichromacy

#84a79f Protanomaly 1% of men, 0.01% of women
#88a5a9 Deuteranomaly 6% of men, 0.4% of women
#52afb2 Tritanomaly 0.01% of the population

#46afa2 hex color

#46afa2 Color Information

#46afa2 Color Conversion

Color Schemes with #46afa2

Alternatives to #46afa2

#46afa2 Preview

Shades and Tints of #46afa2

Tones of #46afa2

Color Blindness Simulator