#42caf7 hex color

In a RGB color space, hex #42caf7 is composed of 25.9% red, 79.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 18.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 194.9 degrees, a saturation of 91.9% and a lightness of 61.4%. #42caf7 color hex could be obtained by blending #84ffff with #0095ef. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 26
- G 79
- B 97
RGB color chart
- C 73
- M 18
- Y 0
- K 3
CMYK color chart

● #42caf7 color description : Bright cyan.

The hexadecimal color #42caf7 has RGB values of R:66, G:202, B:247 and CMYK values of C:0.73, M:0.18, Y:0, K:0.03. Its decimal value is 4377335.

Hex triplet	42caf7	`#42caf7`
RGB Decimal	66, 202, 247	`rgb(66,202,247)`
RGB Percent	25.9, 79.2, 96.9	`rgb(25.9%,79.2%,96.9%)`
CMYK	73, 18, 0, 3
HSL	194.9°, 91.9, 61.4	`hsl(194.9,91.9%,61.4%)`
HSV (or HSB)	194.9°, 73.3, 96.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.137, -21.978, -32.619
XYZ	40.151, 50.111, 95.547
xyY	0.216, 0.27, 50.111
CIE-LCH	76.137, 39.332, 236.029
CIE-LUV	76.137, -48.419, -49.635
Hunter-Lab	70.789, -22.637, -30.473
Binary	01000010, 11001010, 11110111

#42caf7
```
#42caf7 rgb(66,202,247)
```
#f76f42
```
#f76f42 rgb(247,111,66)
```

Complementary Color

#42f7ca
```
#42f7ca rgb(66,247,202)
```
#42caf7
```
#42caf7 rgb(66,202,247)
```
#4270f7
```
#4270f7 rgb(66,112,247)
```

Analogous Color

#f7ca42
```
#f7ca42 rgb(247,202,66)
```
#42caf7
```
#42caf7 rgb(66,202,247)
```
#f74270
```
#f74270 rgb(247,66,112)
```

Split Complementary Color

#caf742
```
#caf742 rgb(202,247,66)
```
#42caf7
```
#42caf7 rgb(66,202,247)
```
#f742ca
```
#f742ca rgb(247,66,202)
```

Triadic Color

#42f76f
```
#42f76f rgb(66,247,111)
```
#42caf7
```
#42caf7 rgb(66,202,247)
```
#f742ca
```
#f742ca rgb(247,66,202)
```
#f76f42
```
#f76f42 rgb(247,111,66)
```

Tetradic Color

#0aade3
```
#0aade3 rgb(10,173,227)
```
#11bcf5
```
#11bcf5 rgb(17,188,245)
```
#2ac3f6
```
#2ac3f6 rgb(42,195,246)
```
#42caf7
```
#42caf7 rgb(66,202,247)
```
#5ad1f8
```
#5ad1f8 rgb(90,209,248)
```
#73d8f9
```
#73d8f9 rgb(115,216,249)
```
#8bdffa
```
#8bdffa rgb(139,223,250)
```

Monochromatic Color

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

#42f7f7
```
#42f7f7 rgb(66,247,247)
```
#42e8f7
```
#42e8f7 rgb(66,232,247)
```
#42d9f7
```
#42d9f7 rgb(66,217,247)
```
#42caf7
```
#42caf7 rgb(66,202,247)
```
#42bbf7
```
#42bbf7 rgb(66,187,247)
```
#42acf7
```
#42acf7 rgb(66,172,247)
```
#429df7
```
#429df7 rgb(66,157,247)
```

Similar Colors

Text with hexadecimal color #42caf7

This text has a font color of #42caf7.

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

#42caf7 background color

This paragraph has a background color of #42caf7.

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

#42caf7 border color

This element has a border color of #42caf7.

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

CSS codes

.text {color:#42caf7;}

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

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

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, #010e12 is the darkest color, while #feffff is the lightest one.

#010e12
```
#010e12 rgb(1,14,18)
```
#021c25
```
#021c25 rgb(2,28,37)
```
#022a38
```
#022a38 rgb(2,42,56)
```
#03394a
```
#03394a rgb(3,57,74)
```
#04475d
```
#04475d rgb(4,71,93)
```
#055570
```
#055570 rgb(5,85,112)
```
#066483
```
#066483 rgb(6,100,131)
```
#067296
```
#067296 rgb(6,114,150)
```
#0780a9
```
#0780a9 rgb(7,128,169)
```
#088fbb
```
#088fbb rgb(8,143,187)
```
#099dce
```
#099dce rgb(9,157,206)
```
#0aabe1
```
#0aabe1 rgb(10,171,225)
```
#0abaf4
```
#0abaf4 rgb(10,186,244)
```

Shade Color Variation

#1cbff5
```
#1cbff5 rgb(28,191,245)
```
#2fc5f6
```
#2fc5f6 rgb(47,197,246)
```
#42caf7
```
#42caf7 rgb(66,202,247)
```
#55cff8
```
#55cff8 rgb(85,207,248)
```
#68d5f9
```
#68d5f9 rgb(104,213,249)
```
#7adaf9
```
#7adaf9 rgb(122,218,249)
```
#8ddffa
```
#8ddffa rgb(141,223,250)
```
#a0e4fb
```
#a0e4fb rgb(160,228,251)
```
#b3eafc
```
#b3eafc rgb(179,234,252)
```
#c6effd
```
#c6effd rgb(198,239,253)
```
#d9f4fd
```
#d9f4fd rgb(217,244,253)
```
#ebf9fe
```
#ebf9fe rgb(235,249,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95a0a4 is the less saturated color, while #3aceff is the most saturated one.

#95a0a4
```
#95a0a4 rgb(149,160,164)
```
#8ea4ab
```
#8ea4ab rgb(142,164,171)
```
#86a8b3
```
#86a8b3 rgb(134,168,179)
```
#7facba
```
#7facba rgb(127,172,186)
```
#77afc2
```
#77afc2 rgb(119,175,194)
```
#6fb3ca
```
#6fb3ca rgb(111,179,202)
```
#68b7d1
```
#68b7d1 rgb(104,183,209)
```
#60bbd9
```
#60bbd9 rgb(96,187,217)
```
#59bfe0
```
#59bfe0 rgb(89,191,224)
```
#51c2e8
```
#51c2e8 rgb(81,194,232)
```
#4ac6ef
```
#4ac6ef rgb(74,198,239)
```
#42caf7
```
#42caf7 rgb(66,202,247)
```
#3aceff
```
#3aceff rgb(58,206,255)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#92adb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bded Protanopia 1% of men
#abbcfd Deuteranopia 1% of men
#32d1e0 Tritanopia 0.001% of the population

Trichromacy

#89c1f0 Protanomaly 1% of men, 0.01% of women
#84c1fb Deuteranomaly 6% of men, 0.4% of women
#37cee8 Tritanomaly 0.01% of the population

#42caf7 hex color

#42caf7 Color Information

#42caf7 Color Conversion

Color Schemes with #42caf7

Alternatives to #42caf7

#42caf7 Preview

Shades and Tints of #42caf7

Tones of #42caf7

Color Blindness Simulator