#42b2bb hex color

In a RGB color space, hex #42b2bb is composed of 25.9% red, 69.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 4.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 184.5 degrees, a saturation of 47.8% and a lightness of 49.6%. #42b2bb color hex could be obtained by blending #84ffff with #006577. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 70
- B 73
RGB color chart
- C 65
- M 5
- Y 0
- K 27
CMYK color chart

● #42b2bb color description : Moderate cyan.

The hexadecimal color #42b2bb has RGB values of R:66, G:178, B:187 and CMYK values of C:0.65, M:0.05, Y:0, K:0.27. Its decimal value is 4371131.

Hex triplet	42b2bb	`#42b2bb`
RGB Decimal	66, 178, 187	`rgb(66,178,187)`
RGB Percent	25.9, 69.8, 73.3	`rgb(25.9%,69.8%,73.3%)`
CMYK	65, 5, 0, 27
HSL	184.5°, 47.8, 49.6	`hsl(184.5,47.8%,49.6%)`
HSV (or HSB)	184.5°, 64.7, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.964, -28.377, -13.93
XYZ	27.134, 36.585, 52.643
xyY	0.233, 0.314, 36.585
CIE-LCH	66.964, 31.612, 206.147
CIE-LUV	66.964, -43.471, -17.104
Hunter-Lab	60.485, -25.772, -9.263
Binary	01000010, 10110010, 10111011

#42b2bb
```
#42b2bb rgb(66,178,187)
```
#bb4b42
```
#bb4b42 rgb(187,75,66)
```

Complementary Color

#42bb88
```
#42bb88 rgb(66,187,136)
```
#42b2bb
```
#42b2bb rgb(66,178,187)
```
#4276bb
```
#4276bb rgb(66,118,187)
```

Analogous Color

#bb8842
```
#bb8842 rgb(187,136,66)
```
#42b2bb
```
#42b2bb rgb(66,178,187)
```
#bb4276
```
#bb4276 rgb(187,66,118)
```

Split Complementary Color

#b2bb42
```
#b2bb42 rgb(178,187,66)
```
#42b2bb
```
#42b2bb rgb(66,178,187)
```
#bb42b2
```
#bb42b2 rgb(187,66,178)
```

Triadic Color

#42bb4b
```
#42bb4b rgb(66,187,75)
```
#42b2bb
```
#42b2bb rgb(66,178,187)
```
#bb42b2
```
#bb42b2 rgb(187,66,178)
```
#bb4b42
```
#bb4b42 rgb(187,75,66)
```

Tetradic Color

#2e7c82
```
#2e7c82 rgb(46,124,130)
```
#358e95
```
#358e95 rgb(53,142,149)
```
#3ba0a8
```
#3ba0a8 rgb(59,160,168)
```
#42b2bb
```
#42b2bb rgb(66,178,187)
```
#54bac3
```
#54bac3 rgb(84,186,195)
```
#67c2c9
```
#67c2c9 rgb(103,194,201)
```
#7ac9d0
```
#7ac9d0 rgb(122,201,208)
```

Monochromatic Color

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

#42bba6
```
#42bba6 rgb(66,187,166)
```
#42bbb0
```
#42bbb0 rgb(66,187,176)
```
#42bbba
```
#42bbba rgb(66,187,186)
```
#42b2bb
```
#42b2bb rgb(66,178,187)
```
#42a8bb
```
#42a8bb rgb(66,168,187)
```
#429ebb
```
#429ebb rgb(66,158,187)
```
#4294bb
```
#4294bb rgb(66,148,187)
```

Similar Colors

Text with hexadecimal color #42b2bb

This text has a font color of #42b2bb.

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

#42b2bb background color

This paragraph has a background color of #42b2bb.

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

#42b2bb border color

This element has a border color of #42b2bb.

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

CSS codes

.text {color:#42b2bb;}

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

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

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, #050c0d is the darkest color, while #fefefe is the lightest one.

#050c0d
```
#050c0d rgb(5,12,13)
```
#0a1a1c
```
#0a1a1c rgb(10,26,28)
```
#0f282a
```
#0f282a rgb(15,40,42)
```
#143639
```
#143639 rgb(20,54,57)
```
#194447
```
#194447 rgb(25,68,71)
```
#1e5156
```
#1e5156 rgb(30,81,86)
```
#235f64
```
#235f64 rgb(35,95,100)
```
#286d73
```
#286d73 rgb(40,109,115)
```
#2e7b81
```
#2e7b81 rgb(46,123,129)
```
#338990
```
#338990 rgb(51,137,144)
```
#38969e
```
#38969e rgb(56,150,158)
```
#3da4ad
```
#3da4ad rgb(61,164,173)
```
#42b2bb
```
#42b2bb rgb(66,178,187)
```

Shade Color Variation

#50b9c1
```
#50b9c1 rgb(80,185,193)
```
#5ebec6
```
#5ebec6 rgb(94,190,198)
```
#6dc4cb
```
#6dc4cb rgb(109,196,203)
```
#7bcad0
```
#7bcad0 rgb(123,202,208)
```
#8ad0d6
```
#8ad0d6 rgb(138,208,214)
```
#98d6db
```
#98d6db rgb(152,214,219)
```
#a7dce0
```
#a7dce0 rgb(167,220,224)
```
#b5e1e5
```
#b5e1e5 rgb(181,225,229)
```
#c4e7ea
```
#c4e7ea rgb(196,231,234)
```
#d2edef
```
#d2edef rgb(210,237,239)
```
#e1f3f4
```
#e1f3f4 rgb(225,243,244)
```
#eff9f9
```
#eff9f9 rgb(239,249,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#7c8081
```
#7c8081 rgb(124,128,129)
```
#73898a
```
#73898a rgb(115,137,138)
```
#699194
```
#699194 rgb(105,145,148)
```
#5f999e
```
#5f999e rgb(95,153,158)
```
#55a1a8
```
#55a1a8 rgb(85,161,168)
```
#4caab1
```
#4caab1 rgb(76,170,177)
```
#42b2bb
```
#42b2bb rgb(66,178,187)
```
#38bac5
```
#38bac5 rgb(56,186,197)
```
#2fc3ce
```
#2fc3ce rgb(47,195,206)
```
#25cbd8
```
#25cbd8 rgb(37,203,216)
```
#1bd3e2
```
#1bd3e2 rgb(27,211,226)
```
#11dbec
```
#11dbec rgb(17,219,236)
```
#08e4f5
```
#08e4f5 rgb(8,228,245)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#82989a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a6b5 Protanopia 1% of men
#a8a4c5 Deuteranopia 1% of men
#4eb5c2 Tritanopia 0.001% of the population

Trichromacy

#81aab7 Protanomaly 1% of men, 0.01% of women
#82a9c1 Deuteranomaly 6% of men, 0.4% of women
#49b4bf Tritanomaly 0.01% of the population

#42b2bb hex color

#42b2bb Color Information

#42b2bb Color Conversion

Color Schemes with #42b2bb

Alternatives to #42b2bb

#42b2bb Preview

Shades and Tints of #42b2bb

Tones of #42b2bb

Color Blindness Simulator