#42a0fd hex color

In a RGB color space, hex #42a0fd is composed of 25.9% red, 62.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 36.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 209.8 degrees, a saturation of 97.9% and a lightness of 62.5%. #42a0fd color hex could be obtained by blending #84ffff with #0041fb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 26
- G 63
- B 99
RGB color chart
- C 74
- M 37
- Y 0
- K 1
CMYK color chart

● #42a0fd color description : Bright blue.

The hexadecimal color #42a0fd has RGB values of R:66, G:160, B:253 and CMYK values of C:0.74, M:0.37, Y:0, K:0.01. Its decimal value is 4366589.

Hex triplet	42a0fd	`#42a0fd`
RGB Decimal	66, 160, 253	`rgb(66,160,253)`
RGB Percent	25.9, 62.7, 99.2	`rgb(25.9%,62.7%,99.2%)`
CMYK	74, 37, 0, 1
HSL	209.8°, 97.9, 62.5	`hsl(209.8,97.9%,62.5%)`
HSV (or HSB)	209.8°, 73.9, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.475, 2.918, -54.123
XYZ	32.543, 33.389, 97.653
xyY	0.199, 0.204, 33.389
CIE-LCH	64.475, 54.202, 273.086
CIE-LUV	64.475, -33.787, -87.741
Hunter-Lab	57.783, -0.591, -59.751
Binary	01000010, 10100000, 11111101

#42a0fd
```
#42a0fd rgb(66,160,253)
```
#fd9f42
```
#fd9f42 rgb(253,159,66)
```

Complementary Color

#42fdfd
```
#42fdfd rgb(66,253,253)
```
#42a0fd
```
#42a0fd rgb(66,160,253)
```
#4243fd
```
#4243fd rgb(66,67,253)
```

Analogous Color

#fdfd42
```
#fdfd42 rgb(253,253,66)
```
#42a0fd
```
#42a0fd rgb(66,160,253)
```
#fd4242
```
#fd4242 rgb(253,66,66)
```

Split Complementary Color

#a0fd42
```
#a0fd42 rgb(160,253,66)
```
#42a0fd
```
#42a0fd rgb(66,160,253)
```
#fd42a0
```
#fd42a0 rgb(253,66,160)
```

Triadic Color

#42fd9f
```
#42fd9f rgb(66,253,159)
```
#42a0fd
```
#42a0fd rgb(66,160,253)
```
#fd42a0
```
#fd42a0 rgb(253,66,160)
```
#fd9f42
```
#fd9f42 rgb(253,159,66)
```

Tetradic Color

#037af0
```
#037af0 rgb(3,122,240)
```
#1087fc
```
#1087fc rgb(16,135,252)
```
#2993fd
```
#2993fd rgb(41,147,253)
```
#42a0fd
```
#42a0fd rgb(66,160,253)
```
#5badfd
```
#5badfd rgb(91,173,253)
```
#74b9fe
```
#74b9fe rgb(116,185,254)
```
#8ec6fe
```
#8ec6fe rgb(142,198,254)
```

Monochromatic Color

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

#42cffd
```
#42cffd rgb(66,207,253)
```
#42bffd
```
#42bffd rgb(66,191,253)
```
#42b0fd
```
#42b0fd rgb(66,176,253)
```
#42a0fd
```
#42a0fd rgb(66,160,253)
```
#4290fd
```
#4290fd rgb(66,144,253)
```
#4281fd
```
#4281fd rgb(66,129,253)
```
#4271fd
```
#4271fd rgb(66,113,253)
```

Similar Colors

Text with hexadecimal color #42a0fd

This text has a font color of #42a0fd.

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

#42a0fd background color

This paragraph has a background color of #42a0fd.

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

#42a0fd border color

This element has a border color of #42a0fd.

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

CSS codes

.text {color:#42a0fd;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000c19
```
#000c19 rgb(0,12,25)
```
#00162c
```
#00162c rgb(0,22,44)
```
#01203f
```
#01203f rgb(1,32,63)
```
#012a53
```
#012a53 rgb(1,42,83)
```
#013466
```
#013466 rgb(1,52,102)
```
#013e7a
```
#013e7a rgb(1,62,122)
```
#01488d
```
#01488d rgb(1,72,141)
```
#0251a0
```
#0251a0 rgb(2,81,160)
```
#025bb4
```
#025bb4 rgb(2,91,180)
```
#0265c7
```
#0265c7 rgb(2,101,199)
```
#026fdb
```
#026fdb rgb(2,111,219)
```
#0379ee
```
#0379ee rgb(3,121,238)
```

Shade Color Variation

#0883fc
```
#0883fc rgb(8,131,252)
```
#1b8cfd
```
#1b8cfd rgb(27,140,253)
```
#2f96fd
```
#2f96fd rgb(47,150,253)
```
#42a0fd
```
#42a0fd rgb(66,160,253)
```
#55aafd
```
#55aafd rgb(85,170,253)
```
#69b4fd
```
#69b4fd rgb(105,180,253)
```
#7cbdfe
```
#7cbdfe rgb(124,189,254)
```
#90c7fe
```
#90c7fe rgb(144,199,254)
```
#a3d1fe
```
#a3d1fe rgb(163,209,254)
```
#b6dbfe
```
#b6dbfe rgb(182,219,254)
```
#cae4fe
```
#cae4fe rgb(202,228,254)
```
#ddeeff
```
#ddeeff rgb(221,238,255)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

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

#9aa0a5
```
#9aa0a5 rgb(154,160,165)
```
#93a0ac
```
#93a0ac rgb(147,160,172)
```
#8ba0b4
```
#8ba0b4 rgb(139,160,180)
```
#84a0bb
```
#84a0bb rgb(132,160,187)
```
#7da0c2
```
#7da0c2 rgb(125,160,194)
```
#75a0ca
```
#75a0ca rgb(117,160,202)
```
#6ea0d1
```
#6ea0d1 rgb(110,160,209)
```
#67a0d8
```
#67a0d8 rgb(103,160,216)
```
#5fa0e0
```
#5fa0e0 rgb(95,160,224)
```
#58a0e7
```
#58a0e7 rgb(88,160,231)
```
#51a0ee
```
#51a0ee rgb(81,160,238)
```
#49a0f6
```
#49a0f6 rgb(73,160,246)
```
#42a0fd
```
#42a0fd rgb(66,160,253)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7f92a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9ef8 Protanopia 1% of men
#5fa2fe Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#669ff9 Protanomaly 1% of men, 0.01% of women
#54a1fd Deuteranomaly 6% of men, 0.4% of women
#18aad4 Tritanomaly 0.01% of the population

#42a0fd hex color

#42a0fd Color Information

#42a0fd Color Conversion

Color Schemes with #42a0fd

Alternatives to #42a0fd

#42a0fd Preview

Shades and Tints of #42a0fd

Tones of #42a0fd

Color Blindness Simulator