#42b48f hex color

In a RGB color space, hex #42b48f is composed of 25.9% red, 70.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 20.6% yellow and 29.4% black. It has a hue angle of 160.5 degrees, a saturation of 46.3% and a lightness of 48.2%. #42b48f color hex could be obtained by blending #84ffff with #00691f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 26
- G 71
- B 56
RGB color chart
- C 63
- M 0
- Y 21
- K 29
CMYK color chart

● #42b48f color description : Moderate cyan - lime green.

The hexadecimal color #42b48f has RGB values of R:66, G:180, B:143 and CMYK values of C:0.63, M:0, Y:0.21, K:0.29. Its decimal value is 4371599.

Hex triplet	42b48f	`#42b48f`
RGB Decimal	66, 180, 143	`rgb(66,180,143)`
RGB Percent	25.9, 70.6, 56.1	`rgb(25.9%,70.6%,56.1%)`
CMYK	63, 0, 21, 29
HSL	160.5°, 46.3, 48.2	`hsl(160.5,46.3%,48.2%)`
HSV (or HSB)	160.5°, 63.3, 70.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.353, -41.043, 9.5
XYZ	23.524, 35.782, 31.652
xyY	0.259, 0.393, 35.782
CIE-LCH	66.353, 42.128, 166.968
CIE-LUV	66.353, -46.775, 19.984
Hunter-Lab	59.818, -34.484, 10.5
Binary	01000010, 10110100, 10001111

#42b48f
```
#42b48f rgb(66,180,143)
```
#b44267
```
#b44267 rgb(180,66,103)
```

Complementary Color

#42b456
```
#42b456 rgb(66,180,86)
```
#42b48f
```
#42b48f rgb(66,180,143)
```
#42a0b4
```
#42a0b4 rgb(66,160,180)
```

Analogous Color

#b45642
```
#b45642 rgb(180,86,66)
```
#42b48f
```
#42b48f rgb(66,180,143)
```
#b442a0
```
#b442a0 rgb(180,66,160)
```

Split Complementary Color

#b48f42
```
#b48f42 rgb(180,143,66)
```
#42b48f
```
#42b48f rgb(66,180,143)
```
#8f42b4
```
#8f42b4 rgb(143,66,180)
```

Triadic Color

#67b442
```
#67b442 rgb(103,180,66)
```
#42b48f
```
#42b48f rgb(66,180,143)
```
#8f42b4
```
#8f42b4 rgb(143,66,180)
```
#b44267
```
#b44267 rgb(180,66,103)
```

Tetradic Color

#2d7c63
```
#2d7c63 rgb(45,124,99)
```
#348f71
```
#348f71 rgb(52,143,113)
```
#3ba180
```
#3ba180 rgb(59,161,128)
```
#42b48f
```
#42b48f rgb(66,180,143)
```
#50bf9b
```
#50bf9b rgb(80,191,155)
```
#63c6a6
```
#63c6a6 rgb(99,198,166)
```
#76cdb0
```
#76cdb0 rgb(118,205,176)
```

Monochromatic Color

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

#42b473
```
#42b473 rgb(66,180,115)
```
#42b47c
```
#42b47c rgb(66,180,124)
```
#42b486
```
#42b486 rgb(66,180,134)
```
#42b48f
```
#42b48f rgb(66,180,143)
```
#42b499
```
#42b499 rgb(66,180,153)
```
#42b4a2
```
#42b4a2 rgb(66,180,162)
```
#42b4ac
```
#42b4ac rgb(66,180,172)
```

Similar Colors

Text with hexadecimal color #42b48f

This text has a font color of #42b48f.

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

#42b48f background color

This paragraph has a background color of #42b48f.

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

#42b48f border color

This element has a border color of #42b48f.

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

CSS codes

.text {color:#42b48f;}

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

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

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, #030806 is the darkest color, while #f8fdfb is the lightest one.

#030806
```
#030806 rgb(3,8,6)
```
#081612
```
#081612 rgb(8,22,18)
```
#0d241d
```
#0d241d rgb(13,36,29)
```
#133328
```
#133328 rgb(19,51,40)
```
#184134
```
#184134 rgb(24,65,52)
```
#1d503f
```
#1d503f rgb(29,80,63)
```
#225e4b
```
#225e4b rgb(34,94,75)
```
#286c56
```
#286c56 rgb(40,108,86)
```
#2d7b61
```
#2d7b61 rgb(45,123,97)
```
#32896d
```
#32896d rgb(50,137,109)
```
#379778
```
#379778 rgb(55,151,120)
```
#3da684
```
#3da684 rgb(61,166,132)
```
#42b48f
```
#42b48f rgb(66,180,143)
```

Shade Color Variation

#4cbd99
```
#4cbd99 rgb(76,189,153)
```
#5bc3a1
```
#5bc3a1 rgb(91,195,161)
```
#69c8a9
```
#69c8a9 rgb(105,200,169)
```
#77cdb1
```
#77cdb1 rgb(119,205,177)
```
#86d2ba
```
#86d2ba rgb(134,210,186)
```
#94d8c2
```
#94d8c2 rgb(148,216,194)
```
#a2ddca
```
#a2ddca rgb(162,221,202)
```
#b1e2d2
```
#b1e2d2 rgb(177,226,210)
```
#bfe8da
```
#bfe8da rgb(191,232,218)
```
#cdede3
```
#cdede3 rgb(205,237,227)
```
#dcf2eb
```
#dcf2eb rgb(220,242,235)
```
#eaf7f3
```
#eaf7f3 rgb(234,247,243)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#71857e
```
#71857e rgb(113,133,126)
```
#688e82
```
#688e82 rgb(104,142,130)
```
#5e9885
```
#5e9885 rgb(94,152,133)
```
#55a188
```
#55a188 rgb(85,161,136)
```
#4bab8c
```
#4bab8c rgb(75,171,140)
```
#42b48f
```
#42b48f rgb(66,180,143)
```
#39bd92
```
#39bd92 rgb(57,189,146)
```
#2fc796
```
#2fc796 rgb(47,199,150)
```
#26d099
```
#26d099 rgb(38,208,153)
```
#1cda9c
```
#1cda9c rgb(28,218,156)
```
#13e3a0
```
#13e3a0 rgb(19,227,160)
```
#09eda3
```
#09eda3 rgb(9,237,163)
```

Tone Color Variation

Below, you can see how #42b48f 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
#7f968e Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa58c Protanopia 1% of men
#b9a09c Deuteranopia 1% of men
#5fb1be Tritanopia 0.001% of the population

Trichromacy

#87aa8d Protanomaly 1% of men, 0.01% of women
#8da797 Deuteranomaly 6% of men, 0.4% of women
#54b2ad Tritanomaly 0.01% of the population

#42b48f hex color

#42b48f Color Information

#42b48f Color Conversion

Color Schemes with #42b48f

Alternatives to #42b48f

#42b48f Preview

Shades and Tints of #42b48f

Tones of #42b48f

Color Blindness Simulator