#42b8a6 hex color

In a RGB color space, hex #42b8a6 is composed of 25.9% red, 72.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 9.8% yellow and 27.8% black. It has a hue angle of 170.8 degrees, a saturation of 47.2% and a lightness of 49%. #42b8a6 color hex could be obtained by blending #84ffff with #00714d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 26
- G 72
- B 65
RGB color chart
- C 64
- M 0
- Y 10
- K 28
CMYK color chart

● #42b8a6 color description : Moderate cyan.

The hexadecimal color #42b8a6 has RGB values of R:66, G:184, B:166 and CMYK values of C:0.64, M:0, Y:0.1, K:0.28. Its decimal value is 4372646.

Hex triplet	42b8a6	`#42b8a6`
RGB Decimal	66, 184, 166	`rgb(66,184,166)`
RGB Percent	25.9, 72.2, 65.1	`rgb(25.9%,72.2%,65.1%)`
CMYK	64, 0, 10, 28
HSL	170.8°, 47.2, 49	`hsl(170.8,47.2%,49%)`
HSV (or HSB)	170.8°, 64.1, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.161, -37.075, -0.555
XYZ	26.268, 38.19, 42.061
xyY	0.247, 0.359, 38.19
CIE-LCH	68.161, 37.079, 180.857
CIE-LUV	68.161, -46.94, 4.917
Hunter-Lab	61.798, -32.274, 2.904
Binary	01000010, 10111000, 10100110

#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#b84254
```
#b84254 rgb(184,66,84)
```

Complementary Color

#42b86b
```
#42b86b rgb(66,184,107)
```
#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#428fb8
```
#428fb8 rgb(66,143,184)
```

Analogous Color

#b86b42
```
#b86b42 rgb(184,107,66)
```
#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#b8428f
```
#b8428f rgb(184,66,143)
```

Split Complementary Color

#b8a642
```
#b8a642 rgb(184,166,66)
```
#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#a642b8
```
#a642b8 rgb(166,66,184)
```

Triadic Color

#54b842
```
#54b842 rgb(84,184,66)
```
#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#a642b8
```
#a642b8 rgb(166,66,184)
```
#b84254
```
#b84254 rgb(184,66,84)
```

Tetradic Color

#2e8073
```
#2e8073 rgb(46,128,115)
```
#359284
```
#359284 rgb(53,146,132)
```
#3ba595
```
#3ba595 rgb(59,165,149)
```
#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#52c1b0
```
#52c1b0 rgb(82,193,176)
```
#65c8b9
```
#65c8b9 rgb(101,200,185)
```
#78cfc1
```
#78cfc1 rgb(120,207,193)
```

Monochromatic Color

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

#42b889
```
#42b889 rgb(66,184,137)
```
#42b892
```
#42b892 rgb(66,184,146)
```
#42b89c
```
#42b89c rgb(66,184,156)
```
#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#42b8b0
```
#42b8b0 rgb(66,184,176)
```
#42b6b8
```
#42b6b8 rgb(66,182,184)
```
#42adb8
```
#42adb8 rgb(66,173,184)
```

Similar Colors

Text with hexadecimal color #42b8a6

This text has a font color of #42b8a6.

<span style="color:#42b8a6;">Text here</span>

#42b8a6 background color

This paragraph has a background color of #42b8a6.

<p style="background-color:#42b8a6;">Content here</p>

#42b8a6 border color

This element has a border color of #42b8a6.

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

CSS codes

.text {color:#42b8a6;}

.background {background-color:#42b8a6;}

.border {border:1px solid #42b8a6;}

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, #040b0a is the darkest color, while #fbfefd is the lightest one.

#040b0a
```
#040b0a rgb(4,11,10)
```
#091917
```
#091917 rgb(9,25,23)
```
#0e2824
```
#0e2824 rgb(14,40,36)
```
#133631
```
#133631 rgb(19,54,49)
```
#19453e
```
#19453e rgb(25,69,62)
```
#1e534b
```
#1e534b rgb(30,83,75)
```
#236158
```
#236158 rgb(35,97,88)
```
#287065
```
#287065 rgb(40,112,101)
```
#2d7e72
```
#2d7e72 rgb(45,126,114)
```
#328d7f
```
#328d7f rgb(50,141,127)
```
#389b8c
```
#389b8c rgb(56,155,140)
```
#3daa99
```
#3daa99 rgb(61,170,153)
```
#42b8a6
```
#42b8a6 rgb(66,184,166)
```

Shade Color Variation

#4ec0ae
```
#4ec0ae rgb(78,192,174)
```
#5dc5b5
```
#5dc5b5 rgb(93,197,181)
```
#6bcabb
```
#6bcabb rgb(107,202,187)
```
#79cfc2
```
#79cfc2 rgb(121,207,194)
```
#88d4c9
```
#88d4c9 rgb(136,212,201)
```
#96d9cf
```
#96d9cf rgb(150,217,207)
```
#a5dfd6
```
#a5dfd6 rgb(165,223,214)
```
#b3e4dc
```
#b3e4dc rgb(179,228,220)
```
#c2e9e3
```
#c2e9e3 rgb(194,233,227)
```
#d0eeea
```
#d0eeea rgb(208,238,234)
```
#def3f0
```
#def3f0 rgb(222,243,240)
```
#edf9f7
```
#edf9f7 rgb(237,249,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e7e is the less saturated color, while #08f2ce is the most saturated one.

#7c7e7e
```
#7c7e7e rgb(124,126,126)
```
#728885
```
#728885 rgb(114,136,133)
```
#68928b
```
#68928b rgb(104,146,139)
```
#5f9b92
```
#5f9b92 rgb(95,155,146)
```
#55a599
```
#55a599 rgb(85,165,153)
```
#4cae9f
```
#4cae9f rgb(76,174,159)
```
#42b8a6
```
#42b8a6 rgb(66,184,166)
```
#38c2ad
```
#38c2ad rgb(56,194,173)
```
#2fcbb3
```
#2fcbb3 rgb(47,203,179)
```
#25d5ba
```
#25d5ba rgb(37,213,186)
```
#1cdec1
```
#1cdec1 rgb(28,222,193)
```
#12e8c7
```
#12e8c7 rgb(18,232,199)
```
#08f2ce
```
#08f2ce rgb(8,242,206)
```

Tone Color Variation

Below, you can see how #42b8a6 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

#939393 Achromatopsia 0.005% of the population
#839a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaaa1 Protanopia 1% of men
#b6a6b2 Deuteranopia 1% of men
#5ab7c5 Tritanopia 0.001% of the population

Trichromacy

#87afa3 Protanomaly 1% of men, 0.01% of women
#8cacad Deuteranomaly 6% of men, 0.4% of women
#51b7b9 Tritanomaly 0.01% of the population

#42b8a6 hex color

#42b8a6 Color Information

#42b8a6 Color Conversion

Color Schemes with #42b8a6

Alternatives to #42b8a6

#42b8a6 Preview

Shades and Tints of #42b8a6

Tones of #42b8a6

Color Blindness Simulator