colorhexa.com

#42a8f7 hex color

In a RGB color space, hex #42a8f7 is composed of 25.9% red, 65.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 32% magenta, 0% yellow and 3.1% black. It has a hue angle of 206.2 degrees, a saturation of 91.9% and a lightness of 61.4%. #42a8f7 color hex could be obtained by blending #84ffff with #0051ef. Closest websafe color is: #3399ff.

- R 26
- G 66
- B 97
RGB color chart
- C 73
- M 32
- Y 0
- K 3
CMYK color chart

● #42a8f7 color description : Bright blue.

The hexadecimal color #42a8f7 has RGB values of R:66, G:168, B:247 and CMYK values of C:0.73, M:0.32, Y:0, K:0.03. Its decimal value is 4368631.

Hex triplet	42a8f7	`#42a8f7`
RGB Decimal	66, 168, 247	`rgb(66,168,247)`
RGB Percent	25.9, 65.9, 96.9	`rgb(25.9%,65.9%,96.9%)`
CMYK	73, 32, 0, 3
HSL	206.2°, 91.9, 61.4	`hsl(206.2,91.9%,61.4%)`
HSV (or HSB)	206.2°, 73.3, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.425, -3.739, -47.766
XYZ	33.034, 35.876, 93.174
xyY	0.204, 0.221, 35.876
CIE-LCH	66.425, 47.912, 265.524
CIE-LUV	66.425, -36.712, -76.667
Hunter-Lab	59.897, -6.374, -50.303
Binary	01000010, 10101000, 11110111

#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#f79142
```
#f79142 rgb(247,145,66)
```

Complementary Color

#42f7ec
```
#42f7ec rgb(66,247,236)
```
#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#424ef7
```
#424ef7 rgb(66,78,247)
```

Analogous Color

#f7ec42
```
#f7ec42 rgb(247,236,66)
```
#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#f7424e
```
#f7424e rgb(247,66,78)
```

Split Complementary Color

#a8f742
```
#a8f742 rgb(168,247,66)
```
#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#f742a8
```
#f742a8 rgb(247,66,168)
```

Triadic Color

#42f791
```
#42f791 rgb(66,247,145)
```
#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#f742a8
```
#f742a8 rgb(247,66,168)
```
#f79142
```
#f79142 rgb(247,145,66)
```

Tetradic Color

#0a84e3
```
#0a84e3 rgb(10,132,227)
```
#1191f5
```
#1191f5 rgb(17,145,245)
```
#2a9df6
```
#2a9df6 rgb(42,157,246)
```
#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#5ab3f8
```
#5ab3f8 rgb(90,179,248)
```
#73bff9
```
#73bff9 rgb(115,191,249)
```
#8bcafa
```
#8bcafa rgb(139,202,250)
```

Monochromatic Color

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

#42d5f7
```
#42d5f7 rgb(66,213,247)
```
#42c6f7
```
#42c6f7 rgb(66,198,247)
```
#42b7f7
```
#42b7f7 rgb(66,183,247)
```
#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#4299f7
```
#4299f7 rgb(66,153,247)
```
#428af7
```
#428af7 rgb(66,138,247)
```
#427bf7
```
#427bf7 rgb(66,123,247)
```

Similar Colors

Text with hexadecimal color #42a8f7

This text has a font color of #42a8f7.

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

#42a8f7 background color

This paragraph has a background color of #42a8f7.

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

#42a8f7 border color

This element has a border color of #42a8f7.

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

CSS codes

.text {color:#42a8f7;}

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

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

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

#010a12
```
#010a12 rgb(1,10,18)
```
#021525
```
#021525 rgb(2,21,37)
```
#022038
```
#022038 rgb(2,32,56)
```
#032b4a
```
#032b4a rgb(3,43,74)
```
#04365d
```
#04365d rgb(4,54,93)
```
#054170
```
#054170 rgb(5,65,112)
```
#064c83
```
#064c83 rgb(6,76,131)
```
#065796
```
#065796 rgb(6,87,150)
```
#0762a9
```
#0762a9 rgb(7,98,169)
```
#086dbb
```
#086dbb rgb(8,109,187)
```
#0978ce
```
#0978ce rgb(9,120,206)
```
#0a83e1
```
#0a83e1 rgb(10,131,225)
```
#0a8ef4
```
#0a8ef4 rgb(10,142,244)
```

Shade Color Variation

#1c97f5
```
#1c97f5 rgb(28,151,245)
```
#2f9ff6
```
#2f9ff6 rgb(47,159,246)
```
#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#55b1f8
```
#55b1f8 rgb(85,177,248)
```
#68b9f9
```
#68b9f9 rgb(104,185,249)
```
#7ac2f9
```
#7ac2f9 rgb(122,194,249)
```
#8dcbfa
```
#8dcbfa rgb(141,203,250)
```
#a0d3fb
```
#a0d3fb rgb(160,211,251)
```
#b3dcfc
```
#b3dcfc rgb(179,220,252)
```
#c6e5fd
```
#c6e5fd rgb(198,229,253)
```
#d9edfd
```
#d9edfd rgb(217,237,253)
```
#ebf6fe
```
#ebf6fe rgb(235,246,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#959da4
```
#959da4 rgb(149,157,164)
```
#8e9eab
```
#8e9eab rgb(142,158,171)
```
#869fb3
```
#869fb3 rgb(134,159,179)
```
#7fa0ba
```
#7fa0ba rgb(127,160,186)
```
#77a1c2
```
#77a1c2 rgb(119,161,194)
```
#6fa2ca
```
#6fa2ca rgb(111,162,202)
```
#68a3d1
```
#68a3d1 rgb(104,163,209)
```
#60a4d9
```
#60a4d9 rgb(96,164,217)
```
#59a5e0
```
#59a5e0 rgb(89,165,224)
```
#51a6e8
```
#51a6e8 rgb(81,166,232)
```
#4aa7ef
```
#4aa7ef rgb(74,167,239)
```
#42a8f7
```
#42a8f7 rgb(66,168,247)
```
#3aa9ff
```
#3aa9ff rgb(58,169,255)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8397a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a3f0 Protanopia 1% of men
#75a6f9 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#6fa5f3 Protanomaly 1% of men, 0.01% of women
#62a6f8 Deuteranomaly 6% of men, 0.4% of women
#18b1d6 Tritanomaly 0.01% of the population