#42bafa hex color

In a RGB color space, hex #42bafa is composed of 25.9% red, 72.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 25.6% magenta, 0% yellow and 2% black. It has a hue angle of 200.9 degrees, a saturation of 94.8% and a lightness of 62%. #42bafa color hex could be obtained by blending #84ffff with #0075f5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 26
- G 73
- B 98
RGB color chart
- C 74
- M 26
- Y 0
- K 2
CMYK color chart

● #42bafa color description : Bright blue.

The hexadecimal color #42bafa has RGB values of R:66, G:186, B:250 and CMYK values of C:0.74, M:0.26, Y:0, K:0.02. Its decimal value is 4373242.

Hex triplet	42bafa	`#42bafa`
RGB Decimal	66, 186, 250	`rgb(66,186,250)`
RGB Percent	25.9, 72.9, 98	`rgb(25.9%,72.9%,98%)`
CMYK	74, 26, 0, 2
HSL	200.9°, 94.8, 62	`hsl(200.9,94.8%,62%)`
HSV (or HSB)	200.9°, 73.6, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.674, -12.635, -41.16
XYZ	37.057, 43.175, 96.818
xyY	0.209, 0.244, 43.175
CIE-LCH	71.674, 43.056, 252.935
CIE-LUV	71.674, -42.706, -65.086
Hunter-Lab	65.708, -14.321, -41.366
Binary	01000010, 10111010, 11111010

#42bafa
```
#42bafa rgb(66,186,250)
```
#fa8242
```
#fa8242 rgb(250,130,66)
```

Complementary Color

#42fade
```
#42fade rgb(66,250,222)
```
#42bafa
```
#42bafa rgb(66,186,250)
```
#425efa
```
#425efa rgb(66,94,250)
```

Analogous Color

#fade42
```
#fade42 rgb(250,222,66)
```
#42bafa
```
#42bafa rgb(66,186,250)
```
#fa425e
```
#fa425e rgb(250,66,94)
```

Split Complementary Color

#bafa42
```
#bafa42 rgb(186,250,66)
```
#42bafa
```
#42bafa rgb(66,186,250)
```
#fa42ba
```
#fa42ba rgb(250,66,186)
```

Triadic Color

#42fa82
```
#42fa82 rgb(66,250,130)
```
#42bafa
```
#42bafa rgb(66,186,250)
```
#fa42ba
```
#fa42ba rgb(250,66,186)
```
#fa8242
```
#fa8242 rgb(250,130,66)
```

Tetradic Color

#069ae9
```
#069ae9 rgb(6,154,233)
```
#10a8f9
```
#10a8f9 rgb(16,168,249)
```
#29b1f9
```
#29b1f9 rgb(41,177,249)
```
#42bafa
```
#42bafa rgb(66,186,250)
```
#5bc3fb
```
#5bc3fb rgb(91,195,251)
```
#74ccfb
```
#74ccfb rgb(116,204,251)
```
#8dd5fc
```
#8dd5fc rgb(141,213,252)
```

Monochromatic Color

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

#42e8fa
```
#42e8fa rgb(66,232,250)
```
#42d9fa
```
#42d9fa rgb(66,217,250)
```
#42c9fa
```
#42c9fa rgb(66,201,250)
```
#42bafa
```
#42bafa rgb(66,186,250)
```
#42abfa
```
#42abfa rgb(66,171,250)
```
#429bfa
```
#429bfa rgb(66,155,250)
```
#428cfa
```
#428cfa rgb(66,140,250)
```

Similar Colors

Text with hexadecimal color #42bafa

This text has a font color of #42bafa.

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

#42bafa background color

This paragraph has a background color of #42bafa.

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

#42bafa border color

This element has a border color of #42bafa.

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

CSS codes

.text {color:#42bafa;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010e15
```
#010e15 rgb(1,14,21)
```
#011b28
```
#011b28 rgb(1,27,40)
```
#02273b
```
#02273b rgb(2,39,59)
```
#02344f
```
#02344f rgb(2,52,79)
```
#034162
```
#034162 rgb(3,65,98)
```
#034d75
```
#034d75 rgb(3,77,117)
```
#045a88
```
#045a88 rgb(4,90,136)
```
#04669b
```
#04669b rgb(4,102,155)
```
#0573ae
```
#0573ae rgb(5,115,174)
```
#0580c1
```
#0580c1 rgb(5,128,193)
```
#068cd4
```
#068cd4 rgb(6,140,212)
```
#0699e7
```
#0699e7 rgb(6,153,231)
```

Shade Color Variation

#09a5f8
```
#09a5f8 rgb(9,165,248)
```
#1cacf9
```
#1cacf9 rgb(28,172,249)
```
#2fb3f9
```
#2fb3f9 rgb(47,179,249)
```
#42bafa
```
#42bafa rgb(66,186,250)
```
#55c1fb
```
#55c1fb rgb(85,193,251)
```
#68c8fb
```
#68c8fb rgb(104,200,251)
```
#7bcffc
```
#7bcffc rgb(123,207,252)
```
#8ed6fc
```
#8ed6fc rgb(142,214,252)
```
#a2ddfd
```
#a2ddfd rgb(162,221,253)
```
#b5e4fd
```
#b5e4fd rgb(181,228,253)
```
#c8ebfe
```
#c8ebfe rgb(200,235,254)
```
#dbf2fe
```
#dbf2fe rgb(219,242,254)
```
#eef9ff
```
#eef9ff rgb(238,249,255)
```

Tint Color Variation

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

#9c9fa0
```
#9c9fa0 rgb(156,159,160)
```
#94a1a8
```
#94a1a8 rgb(148,161,168)
```
#8da3af
```
#8da3af rgb(141,163,175)
```
#85a6b7
```
#85a6b7 rgb(133,166,183)
```
#7ea8be
```
#7ea8be rgb(126,168,190)
```
#76aac6
```
#76aac6 rgb(118,170,198)
```
#6faccd
```
#6faccd rgb(111,172,205)
```
#67afd5
```
#67afd5 rgb(103,175,213)
```
#60b1dc
```
#60b1dc rgb(96,177,220)
```
#58b3e4
```
#58b3e4 rgb(88,179,228)
```
#51b5eb
```
#51b5eb rgb(81,181,235)
```
#49b8f3
```
#49b8f3 rgb(73,184,243)
```
#42bafa
```
#42bafa rgb(66,186,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ba3b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb1f1 Protanopia 1% of men
#91b2fe Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#7db4f4 Protanomaly 1% of men, 0.01% of women
#74b5fc Deuteranomaly 6% of men, 0.4% of women
#18c1e1 Tritanomaly 0.01% of the population

#42bafa hex color

#42bafa Color Information

#42bafa Color Conversion

Color Schemes with #42bafa

Alternatives to #42bafa

#42bafa Preview

Shades and Tints of #42bafa

Tones of #42bafa

Color Blindness Simulator