#42c0f6 hex color

In a RGB color space, hex #42c0f6 is composed of 25.9% red, 75.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 22% magenta, 0% yellow and 3.5% black. It has a hue angle of 198 degrees, a saturation of 90.9% and a lightness of 61.2%. #42c0f6 color hex could be obtained by blending #84ffff with #0081ed. Closest websafe color is: #33ccff.

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

● #42c0f6 color description : Bright blue.

The hexadecimal color #42c0f6 has RGB values of R:66, G:192, B:246 and CMYK values of C:0.73, M:0.22, Y:0, K:0.04. Its decimal value is 4374774.

Hex triplet	42c0f6	`#42c0f6`
RGB Decimal	66, 192, 246	`rgb(66,192,246)`
RGB Percent	25.9, 75.3, 96.5	`rgb(25.9%,75.3%,96.5%)`
CMYK	73, 22, 0, 4
HSL	198°, 90.9, 61.2	`hsl(198,90.9%,61.2%)`
HSV (or HSB)	198°, 73.2, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.225, -17.134, -36.587
XYZ	37.727, 45.508, 93.979
xyY	0.213, 0.257, 45.508
CIE-LCH	73.225, 40.4, 244.906
CIE-LUV	73.225, -45.005, -56.828
Hunter-Lab	67.46, -18.229, -35.376
Binary	01000010, 11000000, 11110110

#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#f67842
```
#f67842 rgb(246,120,66)
```

Complementary Color

#42f6d2
```
#42f6d2 rgb(66,246,210)
```
#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#4266f6
```
#4266f6 rgb(66,102,246)
```

Analogous Color

#f6d242
```
#f6d242 rgb(246,210,66)
```
#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#f64266
```
#f64266 rgb(246,66,102)
```

Split Complementary Color

#c0f642
```
#c0f642 rgb(192,246,66)
```
#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#f642c0
```
#f642c0 rgb(246,66,192)
```

Triadic Color

#42f678
```
#42f678 rgb(66,246,120)
```
#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#f642c0
```
#f642c0 rgb(246,66,192)
```
#f67842
```
#f67842 rgb(246,120,66)
```

Tetradic Color

#0ba1e1
```
#0ba1e1 rgb(11,161,225)
```
#11b0f4
```
#11b0f4 rgb(17,176,244)
```
#2ab8f5
```
#2ab8f5 rgb(42,184,245)
```
#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#5ac8f7
```
#5ac8f7 rgb(90,200,247)
```
#73d0f8
```
#73d0f8 rgb(115,208,248)
```
#8bd8f9
```
#8bd8f9 rgb(139,216,249)
```

Monochromatic Color

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

#42edf6
```
#42edf6 rgb(66,237,246)
```
#42def6
```
#42def6 rgb(66,222,246)
```
#42cff6
```
#42cff6 rgb(66,207,246)
```
#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#42b1f6
```
#42b1f6 rgb(66,177,246)
```
#42a2f6
```
#42a2f6 rgb(66,162,246)
```
#4293f6
```
#4293f6 rgb(66,147,246)
```

Similar Colors

Text with hexadecimal color #42c0f6

This text has a font color of #42c0f6.

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

#42c0f6 background color

This paragraph has a background color of #42c0f6.

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

#42c0f6 border color

This element has a border color of #42c0f6.

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

CSS codes

.text {color:#42c0f6;}

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

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

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

#010c11
```
#010c11 rgb(1,12,17)
```
#021924
```
#021924 rgb(2,25,36)
```
#032736
```
#032736 rgb(3,39,54)
```
#033449
```
#033449 rgb(3,52,73)
```
#04425c
```
#04425c rgb(4,66,92)
```
#054f6f
```
#054f6f rgb(5,79,111)
```
#065c81
```
#065c81 rgb(6,92,129)
```
#076a94
```
#076a94 rgb(7,106,148)
```
#0877a7
```
#0877a7 rgb(8,119,167)
```
#0984b9
```
#0984b9 rgb(9,132,185)
```
#0a92cc
```
#0a92cc rgb(10,146,204)
```
#0b9fdf
```
#0b9fdf rgb(11,159,223)
```
#0cadf2
```
#0cadf2 rgb(12,173,242)
```

Shade Color Variation

#1db4f4
```
#1db4f4 rgb(29,180,244)
```
#2fbaf5
```
#2fbaf5 rgb(47,186,245)
```
#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#55c6f7
```
#55c6f7 rgb(85,198,247)
```
#67ccf8
```
#67ccf8 rgb(103,204,248)
```
#7ad3f9
```
#7ad3f9 rgb(122,211,249)
```
#8dd9fa
```
#8dd9fa rgb(141,217,250)
```
#a0dffa
```
#a0dffa rgb(160,223,250)
```
#b2e5fb
```
#b2e5fb rgb(178,229,251)
```
#c5ecfc
```
#c5ecfc rgb(197,236,252)
```
#d8f2fd
```
#d8f2fd rgb(216,242,253)
```
#ebf8fe
```
#ebf8fe rgb(235,248,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#969ea2
```
#969ea2 rgb(150,158,162)
```
#8ea2aa
```
#8ea2aa rgb(142,162,170)
```
#87a5b1
```
#87a5b1 rgb(135,165,177)
```
#7fa8b9
```
#7fa8b9 rgb(127,168,185)
```
#77abc1
```
#77abc1 rgb(119,171,193)
```
#70aec8
```
#70aec8 rgb(112,174,200)
```
#68b1d0
```
#68b1d0 rgb(104,177,208)
```
#60b4d8
```
#60b4d8 rgb(96,180,216)
```
#59b7df
```
#59b7df rgb(89,183,223)
```
#51bae7
```
#51bae7 rgb(81,186,231)
```
#4abdee
```
#4abdee rgb(74,189,238)
```
#42c0f6
```
#42c0f6 rgb(66,192,246)
```
#3ac3fe
```
#3ac3fe rgb(58,195,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8da6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b5ed Protanopia 1% of men
#9db6fb Deuteranopia 1% of men
#25c9d7 Tritanopia 0.001% of the population

Trichromacy

#82b9f0 Protanomaly 1% of men, 0.01% of women
#7cb9f9 Deuteranomaly 6% of men, 0.4% of women
#30c5e2 Tritanomaly 0.01% of the population

#42c0f6 hex color

#42c0f6 Color Information

#42c0f6 Color Conversion

Color Schemes with #42c0f6

Alternatives to #42c0f6

#42c0f6 Preview

Shades and Tints of #42c0f6

Tones of #42c0f6

Color Blindness Simulator