#42afcc hex color

In a RGB color space, hex #42afcc is composed of 25.9% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 14.2% magenta, 0% yellow and 20% black. It has a hue angle of 192.6 degrees, a saturation of 57.5% and a lightness of 52.9%. #42afcc color hex could be obtained by blending #84ffff with #005f99. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 69
- B 80
RGB color chart
- C 68
- M 14
- Y 0
- K 20
CMYK color chart

● #42afcc color description : Moderate cyan.

The hexadecimal color #42afcc has RGB values of R:66, G:175, B:204 and CMYK values of C:0.68, M:0.14, Y:0, K:0.2. Its decimal value is 4370380.

Hex triplet	42afcc	`#42afcc`
RGB Decimal	66, 175, 204	`rgb(66,175,204)`
RGB Percent	25.9, 68.6, 80	`rgb(25.9%,68.6%,80%)`
CMYK	68, 14, 0, 20
HSL	192.6°, 57.5, 52.9	`hsl(192.6,57.5%,52.9%)`
HSV (or HSB)	192.6°, 67.6, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.654, -21.711, -23.802
XYZ	28.473, 36.175, 62.605
xyY	0.224, 0.284, 36.175
CIE-LCH	66.654, 32.216, 227.63
CIE-LUV	66.654, -41.392, -34.083
Hunter-Lab	60.146, -20.754, -19.612
Binary	01000010, 10101111, 11001100

#42afcc
```
#42afcc rgb(66,175,204)
```
#cc5f42
```
#cc5f42 rgb(204,95,66)
```

Complementary Color

#42cca4
```
#42cca4 rgb(66,204,164)
```
#42afcc
```
#42afcc rgb(66,175,204)
```
#426acc
```
#426acc rgb(66,106,204)
```

Analogous Color

#cca442
```
#cca442 rgb(204,164,66)
```
#42afcc
```
#42afcc rgb(66,175,204)
```
#cc426a
```
#cc426a rgb(204,66,106)
```

Split Complementary Color

#afcc42
```
#afcc42 rgb(175,204,66)
```
#42afcc
```
#42afcc rgb(66,175,204)
```
#cc42af
```
#cc42af rgb(204,66,175)
```

Triadic Color

#42cc5f
```
#42cc5f rgb(66,204,95)
```
#42afcc
```
#42afcc rgb(66,175,204)
```
#cc42af
```
#cc42af rgb(204,66,175)
```
#cc5f42
```
#cc5f42 rgb(204,95,66)
```

Tetradic Color

#298198
```
#298198 rgb(41,129,152)
```
#2f92ac
```
#2f92ac rgb(47,146,172)
```
#34a3c1
```
#34a3c1 rgb(52,163,193)
```
#42afcc
```
#42afcc rgb(66,175,204)
```
#56b8d1
```
#56b8d1 rgb(86,184,209)
```
#6ac0d7
```
#6ac0d7 rgb(106,192,215)
```
#7ec9dc
```
#7ec9dc rgb(126,201,220)
```

Monochromatic Color

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

#42ccc7
```
#42ccc7 rgb(66,204,199)
```
#42c6cc
```
#42c6cc rgb(66,198,204)
```
#42bbcc
```
#42bbcc rgb(66,187,204)
```
#42afcc
```
#42afcc rgb(66,175,204)
```
#42a4cc
```
#42a4cc rgb(66,164,204)
```
#4298cc
```
#4298cc rgb(66,152,204)
```
#428dcc
```
#428dcc rgb(66,141,204)
```

Similar Colors

Text with hexadecimal color #42afcc

This text has a font color of #42afcc.

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

#42afcc background color

This paragraph has a background color of #42afcc.

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

#42afcc border color

This element has a border color of #42afcc.

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

CSS codes

.text {color:#42afcc;}

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

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

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

#030a0c
```
#030a0c rgb(3,10,12)
```
#07171b
```
#07171b rgb(7,23,27)
```
#0c242b
```
#0c242b rgb(12,36,43)
```
#10313a
```
#10313a rgb(16,49,58)
```
#143e4a
```
#143e4a rgb(20,62,74)
```
#184b59
```
#184b59 rgb(24,75,89)
```
#1c5868
```
#1c5868 rgb(28,88,104)
```
#206678
```
#206678 rgb(32,102,120)
```
#257387
```
#257387 rgb(37,115,135)
```
#298097
```
#298097 rgb(41,128,151)
```
#2d8da6
```
#2d8da6 rgb(45,141,166)
```
#319ab6
```
#319ab6 rgb(49,154,182)
```
#35a7c5
```
#35a7c5 rgb(53,167,197)
```

Shade Color Variation

#42afcc
```
#42afcc rgb(66,175,204)
```
#51b6d0
```
#51b6d0 rgb(81,182,208)
```
#61bcd4
```
#61bcd4 rgb(97,188,212)
```
#70c3d9
```
#70c3d9 rgb(112,195,217)
```
#80c9dd
```
#80c9dd rgb(128,201,221)
```
#8fd0e1
```
#8fd0e1 rgb(143,208,225)
```
#9fd6e5
```
#9fd6e5 rgb(159,214,229)
```
#aedde9
```
#aedde9 rgb(174,221,233)
```
#bee3ed
```
#bee3ed rgb(190,227,237)
```
#cdeaf2
```
#cdeaf2 rgb(205,234,242)
```
#dcf0f6
```
#dcf0f6 rgb(220,240,246)
```
#ecf7fa
```
#ecf7fa rgb(236,247,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838a8b is the less saturated color, while #14cafa is the most saturated one.

#838a8b
```
#838a8b rgb(131,138,139)
```
#798f95
```
#798f95 rgb(121,143,149)
```
#70949e
```
#70949e rgb(112,148,158)
```
#679aa7
```
#679aa7 rgb(103,154,167)
```
#5e9fb0
```
#5e9fb0 rgb(94,159,176)
```
#54a4ba
```
#54a4ba rgb(84,164,186)
```
#4baac3
```
#4baac3 rgb(75,170,195)
```
#42afcc
```
#42afcc rgb(66,175,204)
```
#39b4d5
```
#39b4d5 rgb(57,180,213)
```
#30bade
```
#30bade rgb(48,186,222)
```
#26bfe8
```
#26bfe8 rgb(38,191,232)
```
#1dc4f1
```
#1dc4f1 rgb(29,196,241)
```
#14cafa
```
#14cafa rgb(20,202,250)
```

Tone Color Variation

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

Dichromacy

#9fa5c6 Protanopia 1% of men
#9ca4d4 Deuteranopia 1% of men
#42b5c2 Tritanopia 0.001% of the population

Trichromacy

#7da8c8 Protanomaly 1% of men, 0.01% of women
#7ba8d1 Deuteranomaly 6% of men, 0.4% of women
#42b3c6 Tritanomaly 0.01% of the population

#42afcc hex color

#42afcc Color Information

#42afcc Color Conversion

Color Schemes with #42afcc

Alternatives to #42afcc

#42afcc Preview

Shades and Tints of #42afcc

Tones of #42afcc

Color Blindness Simulator