#42a4fe hex color

In a RGB color space, hex #42a4fe is composed of 25.9% red, 64.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 35.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 208.7 degrees, a saturation of 98.9% and a lightness of 62.7%. #42a4fe color hex could be obtained by blending #84ffff with #0049fd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 26
- G 64
- B 100
RGB color chart
- C 74
- M 35
- Y 0
- K 0
CMYK color chart

● #42a4fe color description : Bright blue.

The hexadecimal color #42a4fe has RGB values of R:66, G:164, B:254 and CMYK values of C:0.74, M:0.35, Y:0, K:0. Its decimal value is 4367614.

Hex triplet	42a4fe	`#42a4fe`
RGB Decimal	66, 164, 254	`rgb(66,164,254)`
RGB Percent	25.9, 64.3, 99.6	`rgb(25.9%,64.3%,99.6%)`
CMYK	74, 35, 0, 0
HSL	208.7°, 98.9, 62.7	`hsl(208.7,98.9%,62.7%)`
HSV (or HSB)	208.7°, 74, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.641, 0.96, -52.818
XYZ	33.407, 34.862, 98.729
xyY	0.2, 0.209, 34.862
CIE-LCH	65.641, 52.827, 271.041
CIE-LUV	65.641, -35.068, -85.591
Hunter-Lab	59.044, -2.332, -57.809
Binary	01000010, 10100100, 11111110

#42a4fe
```
#42a4fe rgb(66,164,254)
```
#fe9c42
```
#fe9c42 rgb(254,156,66)
```

Complementary Color

#42fefa
```
#42fefa rgb(66,254,250)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```
#4246fe
```
#4246fe rgb(66,70,254)
```

Analogous Color

#fefa42
```
#fefa42 rgb(254,250,66)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```
#fe4246
```
#fe4246 rgb(254,66,70)
```

Split Complementary Color

#a4fe42
```
#a4fe42 rgb(164,254,66)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```
#fe42a4
```
#fe42a4 rgb(254,66,164)
```

Triadic Color

#42fe9c
```
#42fe9c rgb(66,254,156)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```
#fe42a4
```
#fe42a4 rgb(254,66,164)
```
#fe9c42
```
#fe9c42 rgb(254,156,66)
```

Tetradic Color

#017ff2
```
#017ff2 rgb(1,127,242)
```
#0f8cfe
```
#0f8cfe rgb(15,140,254)
```
#2998fe
```
#2998fe rgb(41,152,254)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```
#5bb0fe
```
#5bb0fe rgb(91,176,254)
```
#75bcfe
```
#75bcfe rgb(117,188,254)
```
#8ec9fe
```
#8ec9fe rgb(142,201,254)
```

Monochromatic Color

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

#42d3fe
```
#42d3fe rgb(66,211,254)
```
#42c3fe
```
#42c3fe rgb(66,195,254)
```
#42b4fe
```
#42b4fe rgb(66,180,254)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```
#4294fe
```
#4294fe rgb(66,148,254)
```
#4285fe
```
#4285fe rgb(66,133,254)
```
#4275fe
```
#4275fe rgb(66,117,254)
```

Similar Colors

Text with hexadecimal color #42a4fe

This text has a font color of #42a4fe.

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

#42a4fe background color

This paragraph has a background color of #42a4fe.

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

#42a4fe border color

This element has a border color of #42a4fe.

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

CSS codes

.text {color:#42a4fe;}

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

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

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, #000306 is the darkest color, while #f2f9ff is the lightest one.

#000306
```
#000306 rgb(0,3,6)
```
#000d1a
```
#000d1a rgb(0,13,26)
```
#00182d
```
#00182d rgb(0,24,45)
```
#002241
```
#002241 rgb(0,34,65)
```
#002c54
```
#002c54 rgb(0,44,84)
```
#013668
```
#013668 rgb(1,54,104)
```
#01417b
```
#01417b rgb(1,65,123)
```
#014b8f
```
#014b8f rgb(1,75,143)
```
#0155a2
```
#0155a2 rgb(1,85,162)
```
#015fb6
```
#015fb6 rgb(1,95,182)
```
#0169c9
```
#0169c9 rgb(1,105,201)
```
#0174dd
```
#0174dd rgb(1,116,221)
```
#017ef0
```
#017ef0 rgb(1,126,240)
```

Shade Color Variation

#0788fe
```
#0788fe rgb(7,136,254)
```
#1b91fe
```
#1b91fe rgb(27,145,254)
```
#2e9bfe
```
#2e9bfe rgb(46,155,254)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```
#56adfe
```
#56adfe rgb(86,173,254)
```
#69b7fe
```
#69b7fe rgb(105,183,254)
```
#7dc0fe
```
#7dc0fe rgb(125,192,254)
```
#90cafe
```
#90cafe rgb(144,202,254)
```
#a4d3ff
```
#a4d3ff rgb(164,211,255)
```
#b7dcff
```
#b7dcff rgb(183,220,255)
```
#cbe6ff
```
#cbe6ff rgb(203,230,255)
```
#deefff
```
#deefff rgb(222,239,255)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa0a6 is the less saturated color, while #42a4fe is the most saturated one.

#9aa0a6
```
#9aa0a6 rgb(154,160,166)
```
#92a1ae
```
#92a1ae rgb(146,161,174)
```
#8ba1b5
```
#8ba1b5 rgb(139,161,181)
```
#84a1bc
```
#84a1bc rgb(132,161,188)
```
#7ca2c4
```
#7ca2c4 rgb(124,162,196)
```
#75a2cb
```
#75a2cb rgb(117,162,203)
```
#6ea2d2
```
#6ea2d2 rgb(110,162,210)
```
#67a2d9
```
#67a2d9 rgb(103,162,217)
```
#5fa3e1
```
#5fa3e1 rgb(95,163,225)
```
#58a3e8
```
#58a3e8 rgb(88,163,232)
```
#51a3ef
```
#51a3ef rgb(81,163,239)
```
#49a4f7
```
#49a4f7 rgb(73,164,247)
```
#42a4fe
```
#42a4fe rgb(66,164,254)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8195a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a1f8 Protanopia 1% of men
#67a5ff Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#6aa2fa Protanomaly 1% of men, 0.01% of women
#59a4fe Deuteranomaly 6% of men, 0.4% of women
#18aed7 Tritanomaly 0.01% of the population

#42a4fe hex color

#42a4fe Color Information

#42a4fe Color Conversion

Color Schemes with #42a4fe

Alternatives to #42a4fe

#42a4fe Preview

Shades and Tints of #42a4fe

Tones of #42a4fe

Color Blindness Simulator