#42b5f5 hex color

In a RGB color space, hex #42b5f5 is composed of 25.9% red, 71% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 26.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 201.5 degrees, a saturation of 89.9% and a lightness of 61%. #42b5f5 color hex could be obtained by blending #84ffff with #006beb. Closest websafe color is: #33ccff.

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

● #42b5f5 color description : Bright blue.

The hexadecimal color #42b5f5 has RGB values of R:66, G:181, B:245 and CMYK values of C:0.73, M:0.26, Y:0, K:0.04. Its decimal value is 4371957.

Hex triplet	42b5f5	`#42b5f5`
RGB Decimal	66, 181, 245	`rgb(66,181,245)`
RGB Percent	25.9, 71, 96.1	`rgb(25.9%,71%,96.1%)`
CMYK	73, 26, 0, 4
HSL	201.5°, 89.9, 61	`hsl(201.5,89.9%,61%)`
HSV (or HSB)	201.5°, 73.1, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.032, -11.603, -41.018
XYZ	35.248, 40.796, 92.398
xyY	0.209, 0.242, 40.796
CIE-LCH	70.032, 42.627, 254.205
CIE-LUV	70.032, -41.254, -64.766
Hunter-Lab	63.871, -13.268, -41.06
Binary	01000010, 10110101, 11110101

#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#f58242
```
#f58242 rgb(245,130,66)
```

Complementary Color

#42f5dc
```
#42f5dc rgb(66,245,220)
```
#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#425cf5
```
#425cf5 rgb(66,92,245)
```

Analogous Color

#f5dc42
```
#f5dc42 rgb(245,220,66)
```
#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#f5425c
```
#f5425c rgb(245,66,92)
```

Split Complementary Color

#b5f542
```
#b5f542 rgb(181,245,66)
```
#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#f542b5
```
#f542b5 rgb(245,66,181)
```

Triadic Color

#42f582
```
#42f582 rgb(66,245,130)
```
#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#f542b5
```
#f542b5 rgb(245,66,181)
```
#f58242
```
#f58242 rgb(245,130,66)
```

Tetradic Color

#0c93df
```
#0c93df rgb(12,147,223)
```
#12a2f2
```
#12a2f2 rgb(18,162,242)
```
#2aacf4
```
#2aacf4 rgb(42,172,244)
```
#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#5abef6
```
#5abef6 rgb(90,190,246)
```
#72c8f8
```
#72c8f8 rgb(114,200,248)
```
#8bd1f9
```
#8bd1f9 rgb(139,209,249)
```

Monochromatic Color

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

#42e2f5
```
#42e2f5 rgb(66,226,245)
```
#42d3f5
```
#42d3f5 rgb(66,211,245)
```
#42c4f5
```
#42c4f5 rgb(66,196,245)
```
#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#42a6f5
```
#42a6f5 rgb(66,166,245)
```
#4297f5
```
#4297f5 rgb(66,151,245)
```
#4288f5
```
#4288f5 rgb(66,136,245)
```

Similar Colors

Text with hexadecimal color #42b5f5

This text has a font color of #42b5f5.

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

#42b5f5 background color

This paragraph has a background color of #42b5f5.

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

#42b5f5 border color

This element has a border color of #42b5f5.

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

CSS codes

.text {color:#42b5f5;}

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

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

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

#010b10
```
#010b10 rgb(1,11,16)
```
#021723
```
#021723 rgb(2,23,35)
```
#032335
```
#032335 rgb(3,35,53)
```
#042f48
```
#042f48 rgb(4,47,72)
```
#053c5a
```
#053c5a rgb(5,60,90)
```
#06486d
```
#06486d rgb(6,72,109)
```
#075480
```
#075480 rgb(7,84,128)
```
#086192
```
#086192 rgb(8,97,146)
```
#096da5
```
#096da5 rgb(9,109,165)
```
#0a79b8
```
#0a79b8 rgb(10,121,184)
```
#0b86ca
```
#0b86ca rgb(11,134,202)
```
#0c92dd
```
#0c92dd rgb(12,146,221)
```
#0d9eef
```
#0d9eef rgb(13,158,239)
```

Shade Color Variation

#1da6f3
```
#1da6f3 rgb(29,166,243)
```
#2faef4
```
#2faef4 rgb(47,174,244)
```
#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#55bcf6
```
#55bcf6 rgb(85,188,246)
```
#67c4f7
```
#67c4f7 rgb(103,196,247)
```
#7acbf8
```
#7acbf8 rgb(122,203,248)
```
#8dd2f9
```
#8dd2f9 rgb(141,210,249)
```
#9fd9fa
```
#9fd9fa rgb(159,217,250)
```
#b2e1fb
```
#b2e1fb rgb(178,225,251)
```
#c4e8fc
```
#c4e8fc rgb(196,232,252)
```
#d7effd
```
#d7effd rgb(215,239,253)
```
#eaf7fe
```
#eaf7fe rgb(234,247,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#969da1
```
#969da1 rgb(150,157,161)
```
#8f9fa8
```
#8f9fa8 rgb(143,159,168)
```
#87a1b0
```
#87a1b0 rgb(135,161,176)
```
#7fa4b8
```
#7fa4b8 rgb(127,164,184)
```
#78a6bf
```
#78a6bf rgb(120,166,191)
```
#70a8c7
```
#70a8c7 rgb(112,168,199)
```
#68aacf
```
#68aacf rgb(104,170,207)
```
#61acd6
```
#61acd6 rgb(97,172,214)
```
#59aede
```
#59aede rgb(89,174,222)
```
#51b1e6
```
#51b1e6 rgb(81,177,230)
```
#4ab3ed
```
#4ab3ed rgb(74,179,237)
```
#42b5f5
```
#42b5f5 rgb(66,181,245)
```
#3ab7fd
```
#3ab7fd rgb(58,183,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#889fac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aaded Protanopia 1% of men
#8daef9 Deuteranopia 1% of men
#05c0ce Tritanopia 0.001% of the population

Trichromacy

#7ab0f0 Protanomaly 1% of men, 0.01% of women
#71b0f7 Deuteranomaly 6% of men, 0.4% of women
#1bbcdc Tritanomaly 0.01% of the population

#42b5f5 hex color

#42b5f5 Color Information

#42b5f5 Color Conversion

Color Schemes with #42b5f5

Alternatives to #42b5f5

#42b5f5 Preview

Shades and Tints of #42b5f5

Tones of #42b5f5

Color Blindness Simulator