#42b4bb hex color

In a RGB color space, hex #42b4bb is composed of 25.9% red, 70.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 3.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 183.5 degrees, a saturation of 47.8% and a lightness of 49.6%. #42b4bb color hex could be obtained by blending #84ffff with #006977. Closest websafe color is: #33cccc.

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

● #42b4bb color description : Moderate cyan.

The hexadecimal color #42b4bb has RGB values of R:66, G:180, B:187 and CMYK values of C:0.65, M:0.04, Y:0, K:0.27. Its decimal value is 4371643.

Hex triplet	42b4bb	`#42b4bb`
RGB Decimal	66, 180, 187	`rgb(66,180,187)`
RGB Percent	25.9, 70.6, 73.3	`rgb(25.9%,70.6%,73.3%)`
CMYK	65, 4, 0, 27
HSL	183.5°, 47.8, 49.6	`hsl(183.5,47.8%,49.6%)`
HSV (or HSB)	183.5°, 64.7, 73.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.566, -29.357, -13.026
XYZ	27.535, 37.386, 52.776
xyY	0.234, 0.318, 37.386
CIE-LCH	67.566, 32.117, 203.927
CIE-LUV	67.566, -44.207, -15.54
Hunter-Lab	61.144, -26.619, -8.375
Binary	01000010, 10110100, 10111011

#42b4bb
```
#42b4bb rgb(66,180,187)
```
#bb4942
```
#bb4942 rgb(187,73,66)
```

Complementary Color

#42bb86
```
#42bb86 rgb(66,187,134)
```
#42b4bb
```
#42b4bb rgb(66,180,187)
```
#4278bb
```
#4278bb rgb(66,120,187)
```

Analogous Color

#bb8642
```
#bb8642 rgb(187,134,66)
```
#42b4bb
```
#42b4bb rgb(66,180,187)
```
#bb4278
```
#bb4278 rgb(187,66,120)
```

Split Complementary Color

#b4bb42
```
#b4bb42 rgb(180,187,66)
```
#42b4bb
```
#42b4bb rgb(66,180,187)
```
#bb42b4
```
#bb42b4 rgb(187,66,180)
```

Triadic Color

#42bb49
```
#42bb49 rgb(66,187,73)
```
#42b4bb
```
#42b4bb rgb(66,180,187)
```
#bb42b4
```
#bb42b4 rgb(187,66,180)
```
#bb4942
```
#bb4942 rgb(187,73,66)
```

Tetradic Color

#2e7e82
```
#2e7e82 rgb(46,126,130)
```
#359095
```
#359095 rgb(53,144,149)
```
#3ba2a8
```
#3ba2a8 rgb(59,162,168)
```
#42b4bb
```
#42b4bb rgb(66,180,187)
```
#54bcc3
```
#54bcc3 rgb(84,188,195)
```
#67c4c9
```
#67c4c9 rgb(103,196,201)
```
#7acbd0
```
#7acbd0 rgb(122,203,208)
```

Monochromatic Color

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

#42bba4
```
#42bba4 rgb(66,187,164)
```
#42bbae
```
#42bbae rgb(66,187,174)
```
#42bbb8
```
#42bbb8 rgb(66,187,184)
```
#42b4bb
```
#42b4bb rgb(66,180,187)
```
#42aabb
```
#42aabb rgb(66,170,187)
```
#42a0bb
```
#42a0bb rgb(66,160,187)
```
#4296bb
```
#4296bb rgb(66,150,187)
```

Similar Colors

Text with hexadecimal color #42b4bb

This text has a font color of #42b4bb.

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

#42b4bb background color

This paragraph has a background color of #42b4bb.

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

#42b4bb border color

This element has a border color of #42b4bb.

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

CSS codes

.text {color:#42b4bb;}

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

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

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

#050d0d
```
#050d0d rgb(5,13,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)
```
#1e5256
```
#1e5256 rgb(30,82,86)
```
#236064
```
#236064 rgb(35,96,100)
```
#286e73
```
#286e73 rgb(40,110,115)
```
#2e7c81
```
#2e7c81 rgb(46,124,129)
```
#338a90
```
#338a90 rgb(51,138,144)
```
#38989e
```
#38989e rgb(56,152,158)
```
#3da6ad
```
#3da6ad rgb(61,166,173)
```
#42b4bb
```
#42b4bb rgb(66,180,187)
```

Shade Color Variation

#50bbc1
```
#50bbc1 rgb(80,187,193)
```
#5ec0c6
```
#5ec0c6 rgb(94,192,198)
```
#6dc6cb
```
#6dc6cb rgb(109,198,203)
```
#7bcbd0
```
#7bcbd0 rgb(123,203,208)
```
#8ad1d6
```
#8ad1d6 rgb(138,209,214)
```
#98d7db
```
#98d7db rgb(152,215,219)
```
#a7dce0
```
#a7dce0 rgb(167,220,224)
```
#b5e2e5
```
#b5e2e5 rgb(181,226,229)
```
#c4e8ea
```
#c4e8ea rgb(196,232,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 #08e8f5 is the most saturated one.

#7c8081
```
#7c8081 rgb(124,128,129)
```
#73898a
```
#73898a rgb(115,137,138)
```
#699294
```
#699294 rgb(105,146,148)
```
#5f9a9e
```
#5f9a9e rgb(95,154,158)
```
#55a3a8
```
#55a3a8 rgb(85,163,168)
```
#4cabb1
```
#4cabb1 rgb(76,171,177)
```
#42b4bb
```
#42b4bb rgb(66,180,187)
```
#38bdc5
```
#38bdc5 rgb(56,189,197)
```
#2fc5ce
```
#2fc5ce rgb(47,197,206)
```
#25ced8
```
#25ced8 rgb(37,206,216)
```
#1bd6e2
```
#1bd6e2 rgb(27,214,226)
```
#11dfec
```
#11dfec rgb(17,223,236)
```
#08e8f5
```
#08e8f5 rgb(8,232,245)
```

Tone Color Variation

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

Dichromacy

#a8a8b5 Protanopia 1% of men
#aaa5c5 Deuteranopia 1% of men
#4fb6c4 Tritanopia 0.001% of the population

Trichromacy

#83acb7 Protanomaly 1% of men, 0.01% of women
#84aac1 Deuteranomaly 6% of men, 0.4% of women
#4ab5c0 Tritanomaly 0.01% of the population

#42b4bb hex color

#42b4bb Color Information

#42b4bb Color Conversion

Color Schemes with #42b4bb

Alternatives to #42b4bb

#42b4bb Preview

Shades and Tints of #42b4bb

Tones of #42b4bb

Color Blindness Simulator