#42a2b8 hex color

In a RGB color space, hex #42a2b8 is composed of 25.9% red, 63.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 12% magenta, 0% yellow and 27.8% black. It has a hue angle of 191.2 degrees, a saturation of 47.2% and a lightness of 49%. #42a2b8 color hex could be obtained by blending #84ffff with #004571. Closest websafe color is: #3399cc.

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

● #42a2b8 color description : Moderate cyan.

The hexadecimal color #42a2b8 has RGB values of R:66, G:162, B:184 and CMYK values of C:0.64, M:0.12, Y:0, K:0.28. Its decimal value is 4367032.

Hex triplet	42a2b8	`#42a2b8`
RGB Decimal	66, 162, 184	`rgb(66,162,184)`
RGB Percent	25.9, 63.5, 72.2	`rgb(25.9%,63.5%,72.2%)`
CMYK	64, 12, 0, 28
HSL	191.2°, 47.2, 49	`hsl(191.2,47.2%,49%)`
HSV (or HSB)	191.2°, 64.1, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.047, -21.188, -19.704
XYZ	23.816, 30.458, 49.969
xyY	0.228, 0.292, 30.458
CIE-LCH	62.047, 28.934, 222.921
CIE-LUV	62.047, -37.721, -27.128
Hunter-Lab	55.188, -19.549, -15.05
Binary	01000010, 10100010, 10111000

#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#b85842
```
#b85842 rgb(184,88,66)
```

Complementary Color

#42b893
```
#42b893 rgb(66,184,147)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#4267b8
```
#4267b8 rgb(66,103,184)
```

Analogous Color

#b89342
```
#b89342 rgb(184,147,66)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#b84267
```
#b84267 rgb(184,66,103)
```

Split Complementary Color

#a2b842
```
#a2b842 rgb(162,184,66)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#b842a2
```
#b842a2 rgb(184,66,162)
```

Triadic Color

#42b858
```
#42b858 rgb(66,184,88)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#b842a2
```
#b842a2 rgb(184,66,162)
```
#b85842
```
#b85842 rgb(184,88,66)
```

Tetradic Color

#2e7080
```
#2e7080 rgb(46,112,128)
```
#358192
```
#358192 rgb(53,129,146)
```
#3b91a5
```
#3b91a5 rgb(59,145,165)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#52acc1
```
#52acc1 rgb(82,172,193)
```
#65b5c8
```
#65b5c8 rgb(101,181,200)
```
#78becf
```
#78becf rgb(120,190,207)
```

Monochromatic Color

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

#42b8b1
```
#42b8b1 rgb(66,184,177)
```
#42b6b8
```
#42b6b8 rgb(66,182,184)
```
#42acb8
```
#42acb8 rgb(66,172,184)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#4298b8
```
#4298b8 rgb(66,152,184)
```
#428eb8
```
#428eb8 rgb(66,142,184)
```
#4285b8
```
#4285b8 rgb(66,133,184)
```

Similar Colors

Text with hexadecimal color #42a2b8

This text has a font color of #42a2b8.

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

#42a2b8 background color

This paragraph has a background color of #42a2b8.

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

#42a2b8 border color

This element has a border color of #42a2b8.

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

CSS codes

.text {color:#42a2b8;}

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

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

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, #04090b is the darkest color, while #fbfdfe is the lightest one.

#04090b
```
#04090b rgb(4,9,11)
```
#091619
```
#091619 rgb(9,22,25)
```
#0e2328
```
#0e2328 rgb(14,35,40)
```
#133036
```
#133036 rgb(19,48,54)
```
#193c45
```
#193c45 rgb(25,60,69)
```
#1e4953
```
#1e4953 rgb(30,73,83)
```
#235661
```
#235661 rgb(35,86,97)
```
#286270
```
#286270 rgb(40,98,112)
```
#2d6f7e
```
#2d6f7e rgb(45,111,126)
```
#327c8d
```
#327c8d rgb(50,124,141)
```
#38899b
```
#38899b rgb(56,137,155)
```
#3d95aa
```
#3d95aa rgb(61,149,170)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```

Shade Color Variation

#4eaac0
```
#4eaac0 rgb(78,170,192)
```
#5db1c5
```
#5db1c5 rgb(93,177,197)
```
#6bb8ca
```
#6bb8ca rgb(107,184,202)
```
#79bfcf
```
#79bfcf rgb(121,191,207)
```
#88c6d4
```
#88c6d4 rgb(136,198,212)
```
#96cdd9
```
#96cdd9 rgb(150,205,217)
```
#a5d4df
```
#a5d4df rgb(165,212,223)
```
#b3dbe4
```
#b3dbe4 rgb(179,219,228)
```
#c2e2e9
```
#c2e2e9 rgb(194,226,233)
```
#d0e9ee
```
#d0e9ee rgb(208,233,238)
```
#deeff3
```
#deeff3 rgb(222,239,243)
```
#edf6f9
```
#edf6f9 rgb(237,246,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#7c7e7e
```
#7c7e7e rgb(124,126,126)
```
#728488
```
#728488 rgb(114,132,136)
```
#688a92
```
#688a92 rgb(104,138,146)
```
#5f909b
```
#5f909b rgb(95,144,155)
```
#5596a5
```
#5596a5 rgb(85,150,165)
```
#4c9cae
```
#4c9cae rgb(76,156,174)
```
#42a2b8
```
#42a2b8 rgb(66,162,184)
```
#38a8c2
```
#38a8c2 rgb(56,168,194)
```
#2faecb
```
#2faecb rgb(47,174,203)
```
#25b4d5
```
#25b4d5 rgb(37,180,213)
```
#1cbade
```
#1cbade rgb(28,186,222)
```
#12c0e8
```
#12c0e8 rgb(18,192,232)
```
#08c6f2
```
#08c6f2 rgb(8,198,242)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7a8d92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969ab3 Protanopia 1% of men
#9498c1 Deuteranopia 1% of men
#47a8b4 Tritanopia 0.001% of the population

Trichromacy

#779db5 Protanomaly 1% of men, 0.01% of women
#769cbd Deuteranomaly 6% of men, 0.4% of women
#45a5b5 Tritanomaly 0.01% of the population

#42a2b8 hex color

#42a2b8 Color Information

#42a2b8 Color Conversion

Color Schemes with #42a2b8

Alternatives to #42a2b8

#42a2b8 Preview

Shades and Tints of #42a2b8

Tones of #42a2b8

Color Blindness Simulator