colorhexa.com

#42b8fc hex color

In a RGB color space, hex #42b8fc is composed of 25.9% red, 72.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 27% magenta, 0% yellow and 1.2% black. It has a hue angle of 201.9 degrees, a saturation of 96.9% and a lightness of 62.4%. #42b8fc color hex could be obtained by blending #84ffff with #0071f9. Closest websafe color is: #33ccff.

- R 26
- G 72
- B 99
RGB color chart
- C 74
- M 27
- Y 0
- K 1
CMYK color chart

● #42b8fc color description : Bright blue.

The hexadecimal color #42b8fc has RGB values of R:66, G:184, B:252 and CMYK values of C:0.74, M:0.27, Y:0, K:0.01. Its decimal value is 4372732.

Hex triplet	42b8fc	`#42b8fc`
RGB Decimal	66, 184, 252	`rgb(66,184,252)`
RGB Percent	25.9, 72.2, 98.8	`rgb(25.9%,72.2%,98.8%)`
CMYK	74, 27, 0, 1
HSL	201.9°, 96.9, 62.4	`hsl(201.9,96.9%,62.4%)`
HSV (or HSB)	201.9°, 73.8, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.19, -10.889, -42.996
XYZ	36.954, 42.464, 98.339
xyY	0.208, 0.239, 42.464
CIE-LCH	71.19, 44.354, 255.789
CIE-LUV	71.19, -41.911, -68.396
Hunter-Lab	65.165, -12.815, -43.858
Binary	01000010, 10111000, 11111100

#42b8fc
```
#42b8fc rgb(66,184,252)
```
#fc8642
```
#fc8642 rgb(252,134,66)
```

Complementary Color

#42fce3
```
#42fce3 rgb(66,252,227)
```
#42b8fc
```
#42b8fc rgb(66,184,252)
```
#425bfc
```
#425bfc rgb(66,91,252)
```

Analogous Color

#fce342
```
#fce342 rgb(252,227,66)
```
#42b8fc
```
#42b8fc rgb(66,184,252)
```
#fc425b
```
#fc425b rgb(252,66,91)
```

Split Complementary Color

#b8fc42
```
#b8fc42 rgb(184,252,66)
```
#42b8fc
```
#42b8fc rgb(66,184,252)
```
#fc42b8
```
#fc42b8 rgb(252,66,184)
```

Triadic Color

#42fc86
```
#42fc86 rgb(66,252,134)
```
#42b8fc
```
#42b8fc rgb(66,184,252)
```
#fc42b8
```
#fc42b8 rgb(252,66,184)
```
#fc8642
```
#fc8642 rgb(252,134,66)
```

Tetradic Color

#0498ee
```
#0498ee rgb(4,152,238)
```
#10a5fb
```
#10a5fb rgb(16,165,251)
```
#29affc
```
#29affc rgb(41,175,252)
```
#42b8fc
```
#42b8fc rgb(66,184,252)
```
#5bc1fc
```
#5bc1fc rgb(91,193,252)
```
#74cbfd
```
#74cbfd rgb(116,203,253)
```
#8dd4fd
```
#8dd4fd rgb(141,212,253)
```

Monochromatic Color

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

#42e7fc
```
#42e7fc rgb(66,231,252)
```
#42d7fc
```
#42d7fc rgb(66,215,252)
```
#42c8fc
```
#42c8fc rgb(66,200,252)
```
#42b8fc
```
#42b8fc rgb(66,184,252)
```
#42a9fc
```
#42a9fc rgb(66,169,252)
```
#4299fc
```
#4299fc rgb(66,153,252)
```
#428afc
```
#428afc rgb(66,138,252)
```

Similar Colors

Text with hexadecimal color #42b8fc

This text has a font color of #42b8fc.

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

#42b8fc background color

This paragraph has a background color of #42b8fc.

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

#42b8fc border color

This element has a border color of #42b8fc.

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

CSS codes

.text {color:#42b8fc;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#000f17
```
#000f17 rgb(0,15,23)
```
#011b2b
```
#011b2b rgb(1,27,43)
```
#01283e
```
#01283e rgb(1,40,62)
```
#013451
```
#013451 rgb(1,52,81)
```
#024065
```
#024065 rgb(2,64,101)
```
#024d78
```
#024d78 rgb(2,77,120)
```
#02598b
```
#02598b rgb(2,89,139)
```
#03669f
```
#03669f rgb(3,102,159)
```
#0372b2
```
#0372b2 rgb(3,114,178)
```
#037ec5
```
#037ec5 rgb(3,126,197)
```
#038bd8
```
#038bd8 rgb(3,139,216)
```
#0497ec
```
#0497ec rgb(4,151,236)
```

Shade Color Variation

#08a2fb
```
#08a2fb rgb(8,162,251)
```
#1ba9fb
```
#1ba9fb rgb(27,169,251)
```
#2fb1fc
```
#2fb1fc rgb(47,177,252)
```
#42b8fc
```
#42b8fc rgb(66,184,252)
```
#55bffc
```
#55bffc rgb(85,191,252)
```
#69c7fd
```
#69c7fd rgb(105,199,253)
```
#7ccefd
```
#7ccefd rgb(124,206,253)
```
#8fd5fd
```
#8fd5fd rgb(143,213,253)
```
#a3dcfe
```
#a3dcfe rgb(163,220,254)
```
#b6e4fe
```
#b6e4fe rgb(182,228,254)
```
#c9ebfe
```
#c9ebfe rgb(201,235,254)
```
#dcf2fe
```
#dcf2fe rgb(220,242,254)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Tint Color Variation

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

#9ba0a3
```
#9ba0a3 rgb(155,160,163)
```
#93a2ab
```
#93a2ab rgb(147,162,171)
```
#8ca4b2
```
#8ca4b2 rgb(140,164,178)
```
#84a6ba
```
#84a6ba rgb(132,166,186)
```
#7da8c1
```
#7da8c1 rgb(125,168,193)
```
#76aac8
```
#76aac8 rgb(118,170,200)
```
#6eacd0
```
#6eacd0 rgb(110,172,208)
```
#67aed7
```
#67aed7 rgb(103,174,215)
```
#60b0de
```
#60b0de rgb(96,176,222)
```
#58b2e6
```
#58b2e6 rgb(88,178,230)
```
#51b4ed
```
#51b4ed rgb(81,180,237)
```
#49b6f5
```
#49b6f5 rgb(73,182,245)
```
#42b8fc
```
#42b8fc rgb(66,184,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8aa2af Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb0f3 Protanopia 1% of men
#8db1ff Deuteranopia 1% of men
#00c3d2 Tritanopia 0.001% of the population

Trichromacy

#7bb3f6 Protanomaly 1% of men, 0.01% of women
#72b3fd Deuteranomaly 6% of men, 0.4% of women
#18bfe1 Tritanomaly 0.01% of the population