#42b7f5 hex color

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

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

● #42b7f5 color description : Bright blue.

The hexadecimal color #42b7f5 has RGB values of R:66, G:183, B:245 and CMYK values of C:0.73, M:0.25, Y:0, K:0.04. Its decimal value is 4372469.

Hex triplet	42b7f5	`#42b7f5`
RGB Decimal	66, 183, 245	`rgb(66,183,245)`
RGB Percent	25.9, 71.8, 96.1	`rgb(25.9%,71.8%,96.1%)`
CMYK	73, 25, 0, 4
HSL	200.8°, 89.9, 61	`hsl(200.8,89.9%,61%)`
HSV (or HSB)	200.8°, 73.1, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.605, -12.683, -40.124
XYZ	35.658, 41.615, 92.534
xyY	0.21, 0.245, 41.615
CIE-LCH	70.605, 42.081, 252.459
CIE-LUV	70.605, -41.945, -63.173
Hunter-Lab	64.51, -14.226, -39.891
Binary	01000010, 10110111, 11110101

#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#f58042
```
#f58042 rgb(245,128,66)
```

Complementary Color

#42f5da
```
#42f5da rgb(66,245,218)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#425ef5
```
#425ef5 rgb(66,94,245)
```

Analogous Color

#f5da42
```
#f5da42 rgb(245,218,66)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#f5425e
```
#f5425e rgb(245,66,94)
```

Split Complementary Color

#b7f542
```
#b7f542 rgb(183,245,66)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#f542b7
```
#f542b7 rgb(245,66,183)
```

Triadic Color

#42f580
```
#42f580 rgb(66,245,128)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#f542b7
```
#f542b7 rgb(245,66,183)
```
#f58042
```
#f58042 rgb(245,128,66)
```

Tetradic Color

#0c96df
```
#0c96df rgb(12,150,223)
```
#12a5f2
```
#12a5f2 rgb(18,165,242)
```
#2aaef4
```
#2aaef4 rgb(42,174,244)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#5ac0f6
```
#5ac0f6 rgb(90,192,246)
```
#72c9f8
```
#72c9f8 rgb(114,201,248)
```
#8bd3f9
```
#8bd3f9 rgb(139,211,249)
```

Monochromatic Color

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

#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#42d5f5
```
#42d5f5 rgb(66,213,245)
```
#42c6f5
```
#42c6f5 rgb(66,198,245)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#42a8f5
```
#42a8f5 rgb(66,168,245)
```
#4299f5
```
#4299f5 rgb(66,153,245)
```
#428af5
```
#428af5 rgb(66,138,245)
```

Similar Colors

Text with hexadecimal color #42b7f5

This text has a font color of #42b7f5.

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

#42b7f5 background color

This paragraph has a background color of #42b7f5.

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

#42b7f5 border color

This element has a border color of #42b7f5.

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

CSS codes

.text {color:#42b7f5;}

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

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

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)
```
#032435
```
#032435 rgb(3,36,53)
```
#043048
```
#043048 rgb(4,48,72)
```
#053d5a
```
#053d5a rgb(5,61,90)
```
#06496d
```
#06496d rgb(6,73,109)
```
#075680
```
#075680 rgb(7,86,128)
```
#086292
```
#086292 rgb(8,98,146)
```
#096fa5
```
#096fa5 rgb(9,111,165)
```
#0a7bb8
```
#0a7bb8 rgb(10,123,184)
```
#0b88ca
```
#0b88ca rgb(11,136,202)
```
#0c94dd
```
#0c94dd rgb(12,148,221)
```
#0da1ef
```
#0da1ef rgb(13,161,239)
```

Shade Color Variation

#1da9f3
```
#1da9f3 rgb(29,169,243)
```
#2fb0f4
```
#2fb0f4 rgb(47,176,244)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#55bef6
```
#55bef6 rgb(85,190,246)
```
#67c5f7
```
#67c5f7 rgb(103,197,247)
```
#7accf8
```
#7accf8 rgb(122,204,248)
```
#8dd3f9
```
#8dd3f9 rgb(141,211,249)
```
#9fdafa
```
#9fdafa rgb(159,218,250)
```
#b2e2fb
```
#b2e2fb rgb(178,226,251)
```
#c4e9fc
```
#c4e9fc rgb(196,233,252)
```
#d7f0fd
```
#d7f0fd rgb(215,240,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 #3ab9fd is the most saturated one.

#969da1
```
#969da1 rgb(150,157,161)
```
#8f9fa8
```
#8f9fa8 rgb(143,159,168)
```
#87a2b0
```
#87a2b0 rgb(135,162,176)
```
#7fa4b8
```
#7fa4b8 rgb(127,164,184)
```
#78a7bf
```
#78a7bf rgb(120,167,191)
```
#70a9c7
```
#70a9c7 rgb(112,169,199)
```
#68abcf
```
#68abcf rgb(104,171,207)
```
#61aed6
```
#61aed6 rgb(97,174,214)
```
#59b0de
```
#59b0de rgb(89,176,222)
```
#51b2e6
```
#51b2e6 rgb(81,178,230)
```
#4ab5ed
```
#4ab5ed rgb(74,181,237)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```
#3ab9fd
```
#3ab9fd rgb(58,185,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#89a1ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#9daeed Protanopia 1% of men
#90aff9 Deuteranopia 1% of men
#13c2d0 Tritanopia 0.001% of the population

Trichromacy

#7bb1ef Protanomaly 1% of men, 0.01% of women
#73b2f8 Deuteranomaly 6% of men, 0.4% of women
#24bedd Tritanomaly 0.01% of the population

#42b7f5 hex color

#42b7f5 Color Information

#42b7f5 Color Conversion

Color Schemes with #42b7f5

Alternatives to #42b7f5

#42b7f5 Preview

Shades and Tints of #42b7f5

Tones of #42b7f5

Color Blindness Simulator