#42a9f5 hex color

In a RGB color space, hex #42a9f5 is composed of 25.9% red, 66.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 31% magenta, 0% yellow and 3.9% black. It has a hue angle of 205.5 degrees, a saturation of 89.9% and a lightness of 61%. #42a9f5 color hex could be obtained by blending #84ffff with #0053eb. Closest websafe color is: #3399ff.

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

● #42a9f5 color description : Bright blue.

The hexadecimal color #42a9f5 has RGB values of R:66, G:169, B:245 and CMYK values of C:0.73, M:0.31, Y:0, K:0.04. Its decimal value is 4368885.

Hex triplet	42a9f5	`#42a9f5`
RGB Decimal	66, 169, 245	`rgb(66,169,245)`
RGB Percent	25.9, 66.3, 96.1	`rgb(25.9%,66.3%,96.1%)`
CMYK	73, 31, 0, 4
HSL	205.5°, 89.9, 61	`hsl(205.5,89.9%,61%)`
HSV (or HSB)	205.5°, 73.1, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.615, -4.988, -46.377
XYZ	32.912, 36.124, 91.619
xyY	0.205, 0.225, 36.124
CIE-LCH	66.615, 46.645, 263.861
CIE-LUV	66.615, -37.144, -74.198
Hunter-Lab	60.103, -7.435, -48.307
Binary	01000010, 10101001, 11110101

#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#f58e42
```
#f58e42 rgb(245,142,66)
```

Complementary Color

#42f5e8
```
#42f5e8 rgb(66,245,232)
```
#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#4250f5
```
#4250f5 rgb(66,80,245)
```

Analogous Color

#f5e842
```
#f5e842 rgb(245,232,66)
```
#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#f54250
```
#f54250 rgb(245,66,80)
```

Split Complementary Color

#a9f542
```
#a9f542 rgb(169,245,66)
```
#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#f542a9
```
#f542a9 rgb(245,66,169)
```

Triadic Color

#42f58e
```
#42f58e rgb(66,245,142)
```
#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#f542a9
```
#f542a9 rgb(245,66,169)
```
#f58e42
```
#f58e42 rgb(245,142,66)
```

Tetradic Color

#0c85df
```
#0c85df rgb(12,133,223)
```
#1293f2
```
#1293f2 rgb(18,147,242)
```
#2a9ef4
```
#2a9ef4 rgb(42,158,244)
```
#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#5ab4f6
```
#5ab4f6 rgb(90,180,246)
```
#72bff8
```
#72bff8 rgb(114,191,248)
```
#8bcaf9
```
#8bcaf9 rgb(139,202,249)
```

Monochromatic Color

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

#42d6f5
```
#42d6f5 rgb(66,214,245)
```
#42c7f5
```
#42c7f5 rgb(66,199,245)
```
#42b8f5
```
#42b8f5 rgb(66,184,245)
```
#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#429af5
```
#429af5 rgb(66,154,245)
```
#428bf5
```
#428bf5 rgb(66,139,245)
```
#427cf5
```
#427cf5 rgb(66,124,245)
```

Similar Colors

Text with hexadecimal color #42a9f5

This text has a font color of #42a9f5.

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

#42a9f5 background color

This paragraph has a background color of #42a9f5.

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

#42a9f5 border color

This element has a border color of #42a9f5.

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

CSS codes

.text {color:#42a9f5;}

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

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

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

#010a10
```
#010a10 rgb(1,10,16)
```
#021523
```
#021523 rgb(2,21,35)
```
#032035
```
#032035 rgb(3,32,53)
```
#042b48
```
#042b48 rgb(4,43,72)
```
#05365a
```
#05365a rgb(5,54,90)
```
#06416d
```
#06416d rgb(6,65,109)
```
#074c80
```
#074c80 rgb(7,76,128)
```
#085792
```
#085792 rgb(8,87,146)
```
#0963a5
```
#0963a5 rgb(9,99,165)
```
#0a6eb8
```
#0a6eb8 rgb(10,110,184)
```
#0b79ca
```
#0b79ca rgb(11,121,202)
```
#0c84dd
```
#0c84dd rgb(12,132,221)
```
#0d8fef
```
#0d8fef rgb(13,143,239)
```

Shade Color Variation

#1d98f3
```
#1d98f3 rgb(29,152,243)
```
#2fa1f4
```
#2fa1f4 rgb(47,161,244)
```
#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#55b1f6
```
#55b1f6 rgb(85,177,246)
```
#67baf7
```
#67baf7 rgb(103,186,247)
```
#7ac2f8
```
#7ac2f8 rgb(122,194,248)
```
#8dcbf9
```
#8dcbf9 rgb(141,203,249)
```
#9fd3fa
```
#9fd3fa rgb(159,211,250)
```
#b2dcfb
```
#b2dcfb rgb(178,220,251)
```
#c4e4fc
```
#c4e4fc rgb(196,228,252)
```
#d7edfd
```
#d7edfd rgb(215,237,253)
```
#eaf5fe
```
#eaf5fe rgb(234,245,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#969ca1
```
#969ca1 rgb(150,156,161)
```
#8f9da8
```
#8f9da8 rgb(143,157,168)
```
#879fb0
```
#879fb0 rgb(135,159,176)
```
#7fa0b8
```
#7fa0b8 rgb(127,160,184)
```
#78a1bf
```
#78a1bf rgb(120,161,191)
```
#70a2c7
```
#70a2c7 rgb(112,162,199)
```
#68a3cf
```
#68a3cf rgb(104,163,207)
```
#61a4d6
```
#61a4d6 rgb(97,164,214)
```
#59a6de
```
#59a6de rgb(89,166,222)
```
#51a7e6
```
#51a7e6 rgb(81,167,230)
```
#4aa8ed
```
#4aa8ed rgb(74,168,237)
```
#42a9f5
```
#42a9f5 rgb(66,169,245)
```
#3aaafd
```
#3aaafd rgb(58,170,253)
```

Tone Color Variation

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

#8ba4ee Protanopia 1% of men
#79a6f8 Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#70a6f1 Protanomaly 1% of men, 0.01% of women
#65a7f7 Deuteranomaly 6% of men, 0.4% of women
#18b1d5 Tritanomaly 0.01% of the population

#42a9f5 hex color

#42a9f5 Color Information

#42a9f5 Color Conversion

Color Schemes with #42a9f5

Alternatives to #42a9f5

#42a9f5 Preview

Shades and Tints of #42a9f5

Tones of #42a9f5

Color Blindness Simulator