#42caf5 hex color

In a RGB color space, hex #42caf5 is composed of 25.9% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 194.4 degrees, a saturation of 89.9% and a lightness of 61%. #42caf5 color hex could be obtained by blending #84ffff with #0095eb. Closest websafe color is: #33ccff.

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

● #42caf5 color description : Bright cyan.

The hexadecimal color #42caf5 has RGB values of R:66, G:202, B:245 and CMYK values of C:0.73, M:0.18, Y:0, K:0.04. Its decimal value is 4377333.

Hex triplet	42caf5	`#42caf5`
RGB Decimal	66, 202, 245	`rgb(66,202,245)`
RGB Percent	25.9, 79.2, 96.1	`rgb(25.9%,79.2%,96.1%)`
CMYK	73, 18, 0, 4
HSL	194.4°, 89.9, 61	`hsl(194.4,89.9%,61%)`
HSV (or HSB)	194.4°, 73.1, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.062, -22.612, -31.662
XYZ	39.844, 49.988, 93.93
xyY	0.217, 0.272, 49.988
CIE-LCH	76.062, 38.908, 234.467
CIE-LUV	76.062, -48.543, -47.904
Hunter-Lab	70.702, -23.136, -29.277
Binary	01000010, 11001010, 11110101

#42caf5
```
#42caf5 rgb(66,202,245)
```
#f56d42
```
#f56d42 rgb(245,109,66)
```

Complementary Color

#42f5c7
```
#42f5c7 rgb(66,245,199)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#4271f5
```
#4271f5 rgb(66,113,245)
```

Analogous Color

#f5c742
```
#f5c742 rgb(245,199,66)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#f54271
```
#f54271 rgb(245,66,113)
```

Split Complementary Color

#caf542
```
#caf542 rgb(202,245,66)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#f542ca
```
#f542ca rgb(245,66,202)
```

Triadic Color

#42f56d
```
#42f56d rgb(66,245,109)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#f542ca
```
#f542ca rgb(245,66,202)
```
#f56d42
```
#f56d42 rgb(245,109,66)
```

Tetradic Color

#0cacdf
```
#0cacdf rgb(12,172,223)
```
#12bcf2
```
#12bcf2 rgb(18,188,242)
```
#2ac3f4
```
#2ac3f4 rgb(42,195,244)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#5ad1f6
```
#5ad1f6 rgb(90,209,246)
```
#72d8f8
```
#72d8f8 rgb(114,216,248)
```
#8bdef9
```
#8bdef9 rgb(139,222,249)
```

Monochromatic Color

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

#42f5f3
```
#42f5f3 rgb(66,245,243)
```
#42e8f5
```
#42e8f5 rgb(66,232,245)
```
#42d9f5
```
#42d9f5 rgb(66,217,245)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#42bbf5
```
#42bbf5 rgb(66,187,245)
```
#42acf5
```
#42acf5 rgb(66,172,245)
```
#429df5
```
#429df5 rgb(66,157,245)
```

Similar Colors

Text with hexadecimal color #42caf5

This text has a font color of #42caf5.

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

#42caf5 background color

This paragraph has a background color of #42caf5.

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

#42caf5 border color

This element has a border color of #42caf5.

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

CSS codes

.text {color:#42caf5;}

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

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

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

#010c10
```
#010c10 rgb(1,12,16)
```
#021b23
```
#021b23 rgb(2,27,35)
```
#032935
```
#032935 rgb(3,41,53)
```
#043748
```
#043748 rgb(4,55,72)
```
#05465a
```
#05465a rgb(5,70,90)
```
#06546d
```
#06546d rgb(6,84,109)
```
#076380
```
#076380 rgb(7,99,128)
```
#087192
```
#087192 rgb(8,113,146)
```
#097fa5
```
#097fa5 rgb(9,127,165)
```
#0a8eb8
```
#0a8eb8 rgb(10,142,184)
```
#0b9cca
```
#0b9cca rgb(11,156,202)
```
#0cabdd
```
#0cabdd rgb(12,171,221)
```
#0db9ef
```
#0db9ef rgb(13,185,239)
```

Shade Color Variation

#1dc0f3
```
#1dc0f3 rgb(29,192,243)
```
#2fc5f4
```
#2fc5f4 rgb(47,197,244)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#55cff6
```
#55cff6 rgb(85,207,246)
```
#67d4f7
```
#67d4f7 rgb(103,212,247)
```
#7adaf8
```
#7adaf8 rgb(122,218,248)
```
#8ddff9
```
#8ddff9 rgb(141,223,249)
```
#9fe4fa
```
#9fe4fa rgb(159,228,250)
```
#b2e9fb
```
#b2e9fb rgb(178,233,251)
```
#c4effc
```
#c4effc rgb(196,239,252)
```
#d7f4fd
```
#d7f4fd rgb(215,244,253)
```
#eaf9fe
```
#eaf9fe rgb(234,249,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#969ea1
```
#969ea1 rgb(150,158,161)
```
#8fa2a8
```
#8fa2a8 rgb(143,162,168)
```
#87a6b0
```
#87a6b0 rgb(135,166,176)
```
#7faab8
```
#7faab8 rgb(127,170,184)
```
#78aebf
```
#78aebf rgb(120,174,191)
```
#70b2c7
```
#70b2c7 rgb(112,178,199)
```
#68b6cf
```
#68b6cf rgb(104,182,207)
```
#61bad6
```
#61bad6 rgb(97,186,214)
```
#59bede
```
#59bede rgb(89,190,222)
```
#51c2e6
```
#51c2e6 rgb(81,194,230)
```
#4ac6ed
```
#4ac6ed rgb(74,198,237)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#3acefd
```
#3acefd rgb(58,206,253)
```

Tone Color Variation

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

#b2bdeb Protanopia 1% of men
#acbcfb Deuteranopia 1% of men
#34d0e0 Tritanopia 0.001% of the population

Trichromacy

#89c1ee Protanomaly 1% of men, 0.01% of women
#85c1f9 Deuteranomaly 6% of men, 0.4% of women
#39cee7 Tritanomaly 0.01% of the population

#42caf5 hex color

#42caf5 Color Information

#42caf5 Color Conversion

Color Schemes with #42caf5

Alternatives to #42caf5

#42caf5 Preview

Shades and Tints of #42caf5

Tones of #42caf5

Color Blindness Simulator