#42b4ba hex color

In a RGB color space, hex #42b4ba is composed of 25.9% red, 70.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 3.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 183 degrees, a saturation of 47.6% and a lightness of 49.4%. #42b4ba color hex could be obtained by blending #84ffff with #006975. Closest websafe color is: #33cccc.

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

● #42b4ba color description : Moderate cyan.

The hexadecimal color #42b4ba has RGB values of R:66, G:180, B:186 and CMYK values of C:0.65, M:0.03, Y:0, K:0.27. Its decimal value is 4371642.

Hex triplet	42b4ba	`#42b4ba`
RGB Decimal	66, 180, 186	`rgb(66,180,186)`
RGB Percent	25.9, 70.6, 72.9	`rgb(25.9%,70.6%,72.9%)`
CMYK	65, 3, 0, 27
HSL	183°, 47.6, 49.4	`hsl(183,47.6%,49.4%)`
HSV (or HSB)	183°, 64.5, 72.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.534, -29.647, -12.521
XYZ	27.428, 37.344, 52.214
xyY	0.234, 0.319, 37.344
CIE-LCH	67.534, 32.183, 202.896
CIE-LUV	67.534, -44.266, -14.693
Hunter-Lab	61.109, -26.824, -7.883
Binary	01000010, 10110100, 10111010

#42b4ba
```
#42b4ba rgb(66,180,186)
```
#ba4842
```
#ba4842 rgb(186,72,66)
```

Complementary Color

#42ba84
```
#42ba84 rgb(66,186,132)
```
#42b4ba
```
#42b4ba rgb(66,180,186)
```
#4278ba
```
#4278ba rgb(66,120,186)
```

Analogous Color

#ba8442
```
#ba8442 rgb(186,132,66)
```
#42b4ba
```
#42b4ba rgb(66,180,186)
```
#ba4278
```
#ba4278 rgb(186,66,120)
```

Split Complementary Color

#b4ba42
```
#b4ba42 rgb(180,186,66)
```
#42b4ba
```
#42b4ba rgb(66,180,186)
```
#ba42b4
```
#ba42b4 rgb(186,66,180)
```

Triadic Color

#42ba48
```
#42ba48 rgb(66,186,72)
```
#42b4ba
```
#42b4ba rgb(66,180,186)
```
#ba42b4
```
#ba42b4 rgb(186,66,180)
```
#ba4842
```
#ba4842 rgb(186,72,66)
```

Tetradic Color

#2e7d82
```
#2e7d82 rgb(46,125,130)
```
#359094
```
#359094 rgb(53,144,148)
```
#3ba2a7
```
#3ba2a7 rgb(59,162,167)
```
#42b4ba
```
#42b4ba rgb(66,180,186)
```
#53bdc2
```
#53bdc2 rgb(83,189,194)
```
#66c4c9
```
#66c4c9 rgb(102,196,201)
```
#79cbcf
```
#79cbcf rgb(121,203,207)
```

Monochromatic Color

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

#42baa2
```
#42baa2 rgb(66,186,162)
```
#42baac
```
#42baac rgb(66,186,172)
```
#42bab6
```
#42bab6 rgb(66,186,182)
```
#42b4ba
```
#42b4ba rgb(66,180,186)
```
#42aaba
```
#42aaba rgb(66,170,186)
```
#42a0ba
```
#42a0ba rgb(66,160,186)
```
#4296ba
```
#4296ba rgb(66,150,186)
```

Similar Colors

Text with hexadecimal color #42b4ba

This text has a font color of #42b4ba.

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

#42b4ba background color

This paragraph has a background color of #42b4ba.

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

#42b4ba border color

This element has a border color of #42b4ba.

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

CSS codes

.text {color:#42b4ba;}

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

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

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

#040c0c
```
#040c0c rgb(4,12,12)
```
#091a1b
```
#091a1b rgb(9,26,27)
```
#0f2829
```
#0f2829 rgb(15,40,41)
```
#143638
```
#143638 rgb(20,54,56)
```
#194446
```
#194446 rgb(25,68,70)
```
#1e5255
```
#1e5255 rgb(30,82,85)
```
#236063
```
#236063 rgb(35,96,99)
```
#286e72
```
#286e72 rgb(40,110,114)
```
#2d7c80
```
#2d7c80 rgb(45,124,128)
```
#338a8f
```
#338a8f rgb(51,138,143)
```
#38989d
```
#38989d rgb(56,152,157)
```
#3da6ac
```
#3da6ac rgb(61,166,172)
```
#42b4ba
```
#42b4ba rgb(66,180,186)
```

Shade Color Variation

#4fbbc1
```
#4fbbc1 rgb(79,187,193)
```
#5ec0c6
```
#5ec0c6 rgb(94,192,198)
```
#6cc6cb
```
#6cc6cb rgb(108,198,203)
```
#7accd0
```
#7accd0 rgb(122,204,208)
```
#89d1d5
```
#89d1d5 rgb(137,209,213)
```
#97d7da
```
#97d7da rgb(151,215,218)
```
#a6dddf
```
#a6dddf rgb(166,221,223)
```
#b4e2e5
```
#b4e2e5 rgb(180,226,229)
```
#c3e8ea
```
#c3e8ea rgb(195,232,234)
```
#d1edef
```
#d1edef rgb(209,237,239)
```
#e0f3f4
```
#e0f3f4 rgb(224,243,244)
```
#eef9f9
```
#eef9f9 rgb(238,249,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7c8080
```
#7c8080 rgb(124,128,128)
```
#72888a
```
#72888a rgb(114,136,138)
```
#699193
```
#699193 rgb(105,145,147)
```
#5f9a9d
```
#5f9a9d rgb(95,154,157)
```
#55a3a7
```
#55a3a7 rgb(85,163,167)
```
#4cabb0
```
#4cabb0 rgb(76,171,176)
```
#42b4ba
```
#42b4ba rgb(66,180,186)
```
#38bdc4
```
#38bdc4 rgb(56,189,196)
```
#2fc5cd
```
#2fc5cd rgb(47,197,205)
```
#25ced7
```
#25ced7 rgb(37,206,215)
```
#1bd7e1
```
#1bd7e1 rgb(27,215,225)
```
#12e0ea
```
#12e0ea rgb(18,224,234)
```
#08e8f4
```
#08e8f4 rgb(8,232,244)
```

Tone Color Variation

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

#a8a8b4 Protanopia 1% of men
#aaa5c4 Deuteranopia 1% of men
#4fb6c4 Tritanopia 0.001% of the population

Trichromacy

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

#42b4ba hex color

#42b4ba Color Information

#42b4ba Color Conversion

Color Schemes with #42b4ba

Alternatives to #42b4ba

#42b4ba Preview

Shades and Tints of #42b4ba

Tones of #42b4ba

Color Blindness Simulator