colorhexa.com

#42b7f4 hex color

In a RGB color space, hex #42b7f4 is composed of 25.9% red, 71.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 25% magenta, 0% yellow and 4.3% black. It has a hue angle of 200.6 degrees, a saturation of 89% and a lightness of 60.8%. #42b7f4 color hex could be obtained by blending #84ffff with #006fe9. Closest websafe color is: #33ccff.

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

● #42b7f4 color description : Bright blue.

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

Hex triplet	42b7f4	`#42b7f4`
RGB Decimal	66, 183, 244	`rgb(66,183,244)`
RGB Percent	25.9, 71.8, 95.7	`rgb(25.9%,71.8%,95.7%)`
CMYK	73, 25, 0, 4
HSL	200.6°, 89, 60.8	`hsl(200.6,89%,60.8%)`
HSV (or HSB)	200.6°, 73, 95.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.562, -13.015, -39.649
XYZ	35.505, 41.554, 91.732
xyY	0.21, 0.246, 41.554
CIE-LCH	70.562, 41.73, 251.828
CIE-LUV	70.562, -41.999, -62.312
Hunter-Lab	64.462, -14.493, -39.248
Binary	01000010, 10110111, 11110100

#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#f47f42
```
#f47f42 rgb(244,127,66)
```

Complementary Color

#42f4d8
```
#42f4d8 rgb(66,244,216)
```
#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#425ef4
```
#425ef4 rgb(66,94,244)
```

Analogous Color

#f4d842
```
#f4d842 rgb(244,216,66)
```
#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#f4425e
```
#f4425e rgb(244,66,94)
```

Split Complementary Color

#b7f442
```
#b7f442 rgb(183,244,66)
```
#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#f442b7
```
#f442b7 rgb(244,66,183)
```

Triadic Color

#42f47f
```
#42f47f rgb(66,244,127)
```
#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#f442b7
```
#f442b7 rgb(244,66,183)
```
#f47f42
```
#f47f42 rgb(244,127,66)
```

Tetradic Color

#0d95dd
```
#0d95dd rgb(13,149,221)
```
#12a5f1
```
#12a5f1 rgb(18,165,241)
```
#2aaef3
```
#2aaef3 rgb(42,174,243)
```
#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#5ac0f5
```
#5ac0f5 rgb(90,192,245)
```
#72c9f7
```
#72c9f7 rgb(114,201,247)
```
#8ad3f8
```
#8ad3f8 rgb(138,211,248)
```

Monochromatic Color

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

#42e4f4
```
#42e4f4 rgb(66,228,244)
```
#42d5f4
```
#42d5f4 rgb(66,213,244)
```
#42c6f4
```
#42c6f4 rgb(66,198,244)
```
#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#42a8f4
```
#42a8f4 rgb(66,168,244)
```
#4299f4
```
#4299f4 rgb(66,153,244)
```
#428bf4
```
#428bf4 rgb(66,139,244)
```

Similar Colors

Text with hexadecimal color #42b7f4

This text has a font color of #42b7f4.

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

#42b7f4 background color

This paragraph has a background color of #42b7f4.

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

#42b7f4 border color

This element has a border color of #42b7f4.

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

CSS codes

.text {color:#42b7f4;}

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

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

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

#010a0f
```
#010a0f rgb(1,10,15)
```
#021721
```
#021721 rgb(2,23,33)
```
#032334
```
#032334 rgb(3,35,52)
```
#043047
```
#043047 rgb(4,48,71)
```
#053c59
```
#053c59 rgb(5,60,89)
```
#06496c
```
#06496c rgb(6,73,108)
```
#07557e
```
#07557e rgb(7,85,126)
```
#086291
```
#086291 rgb(8,98,145)
```
#096fa3
```
#096fa3 rgb(9,111,163)
```
#0b7bb6
```
#0b7bb6 rgb(11,123,182)
```
#0c88c8
```
#0c88c8 rgb(12,136,200)
```
#0d94db
```
#0d94db rgb(13,148,219)
```
#0ea1ed
```
#0ea1ed rgb(14,161,237)
```

Shade Color Variation

#1da9f2
```
#1da9f2 rgb(29,169,242)
```
#2fb0f3
```
#2fb0f3 rgb(47,176,243)
```
#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#55bef5
```
#55bef5 rgb(85,190,245)
```
#67c5f6
```
#67c5f6 rgb(103,197,246)
```
#7accf7
```
#7accf7 rgb(122,204,247)
```
#8cd3f8
```
#8cd3f8 rgb(140,211,248)
```
#9fdaf9
```
#9fdaf9 rgb(159,218,249)
```
#b1e1fa
```
#b1e1fa rgb(177,225,250)
```
#c4e8fc
```
#c4e8fc rgb(196,232,252)
```
#d6effd
```
#d6effd rgb(214,239,253)
```
#e9f7fe
```
#e9f7fe rgb(233,247,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#979c9f
```
#979c9f rgb(151,156,159)
```
#8f9fa7
```
#8f9fa7 rgb(143,159,167)
```
#87a1af
```
#87a1af rgb(135,161,175)
```
#80a4b6
```
#80a4b6 rgb(128,164,182)
```
#78a6be
```
#78a6be rgb(120,166,190)
```
#70a8c6
```
#70a8c6 rgb(112,168,198)
```
#68abce
```
#68abce rgb(104,171,206)
```
#61add5
```
#61add5 rgb(97,173,213)
```
#59b0dd
```
#59b0dd rgb(89,176,221)
```
#51b2e5
```
#51b2e5 rgb(81,178,229)
```
#4ab5ec
```
#4ab5ec rgb(74,181,236)
```
#42b7f4
```
#42b7f4 rgb(66,183,244)
```
#3ab9fc
```
#3ab9fc rgb(58,185,252)
```

Tone Color Variation

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

#9daeec Protanopia 1% of men
#90aff9 Deuteranopia 1% of men
#17c1d0 Tritanopia 0.001% of the population

Trichromacy

#7cb1ee Protanomaly 1% of men, 0.01% of women
#74b2f7 Deuteranomaly 6% of men, 0.4% of women
#27bddd Tritanomaly 0.01% of the population