#42b1f9 hex color

In a RGB color space, hex #42b1f9 is composed of 25.9% red, 69.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 28.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 203.6 degrees, a saturation of 93.8% and a lightness of 61.8%. #42b1f9 color hex could be obtained by blending #84ffff with #0063f3. Closest websafe color is: #3399ff.

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

● #42b1f9 color description : Bright blue.

The hexadecimal color #42b1f9 has RGB values of R:66, G:177, B:249 and CMYK values of C:0.73, M:0.29, Y:0, K:0.02. Its decimal value is 4370937.

Hex triplet	42b1f9	`#42b1f9`
RGB Decimal	66, 177, 249	`rgb(66,177,249)`
RGB Percent	25.9, 69.4, 97.6	`rgb(25.9%,69.4%,97.6%)`
CMYK	73, 29, 0, 2
HSL	203.6°, 93.8, 61.8	`hsl(203.6,93.8%,61.8%)`
HSV (or HSB)	203.6°, 73.5, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	69.068, -8.074, -44.697
XYZ	35.064, 39.439, 95.382
xyY	0.206, 0.232, 39.439
CIE-LCH	69.068, 45.42, 259.76
CIE-LUV	69.068, -39.674, -71.358
Hunter-Lab	62.801, -10.239, -46.09
Binary	01000010, 10110001, 11111001

#42b1f9
```
#42b1f9 rgb(66,177,249)
```
#f98a42
```
#f98a42 rgb(249,138,66)
```

Complementary Color

#42f9e6
```
#42f9e6 rgb(66,249,230)
```
#42b1f9
```
#42b1f9 rgb(66,177,249)
```
#4256f9
```
#4256f9 rgb(66,86,249)
```

Analogous Color

#f9e642
```
#f9e642 rgb(249,230,66)
```
#42b1f9
```
#42b1f9 rgb(66,177,249)
```
#f94256
```
#f94256 rgb(249,66,86)
```

Split Complementary Color

#b1f942
```
#b1f942 rgb(177,249,66)
```
#42b1f9
```
#42b1f9 rgb(66,177,249)
```
#f942b1
```
#f942b1 rgb(249,66,177)
```

Triadic Color

#42f98a
```
#42f98a rgb(66,249,138)
```
#42b1f9
```
#42b1f9 rgb(66,177,249)
```
#f942b1
```
#f942b1 rgb(249,66,177)
```
#f98a42
```
#f98a42 rgb(249,138,66)
```

Tetradic Color

#078fe7
```
#078fe7 rgb(7,143,231)
```
#119df7
```
#119df7 rgb(17,157,247)
```
#29a7f8
```
#29a7f8 rgb(41,167,248)
```
#42b1f9
```
#42b1f9 rgb(66,177,249)
```
#5bbbfa
```
#5bbbfa rgb(91,187,250)
```
#73c5fb
```
#73c5fb rgb(115,197,251)
```
#8cd0fb
```
#8cd0fb rgb(140,208,251)
```

Monochromatic Color

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

#42dff9
```
#42dff9 rgb(66,223,249)
```
#42d0f9
```
#42d0f9 rgb(66,208,249)
```
#42c0f9
```
#42c0f9 rgb(66,192,249)
```
#42b1f9
```
#42b1f9 rgb(66,177,249)
```
#42a2f9
```
#42a2f9 rgb(66,162,249)
```
#4293f9
```
#4293f9 rgb(66,147,249)
```
#4283f9
```
#4283f9 rgb(66,131,249)
```

Similar Colors

Text with hexadecimal color #42b1f9

This text has a font color of #42b1f9.

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

#42b1f9 background color

This paragraph has a background color of #42b1f9.

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

#42b1f9 border color

This element has a border color of #42b1f9.

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

CSS codes

.text {color:#42b1f9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010c14
```
#010c14 rgb(1,12,20)
```
#011827
```
#011827 rgb(1,24,39)
```
#02243a
```
#02243a rgb(2,36,58)
```
#02304d
```
#02304d rgb(2,48,77)
```
#033c60
```
#033c60 rgb(3,60,96)
```
#044773
```
#044773 rgb(4,71,115)
```
#045386
```
#045386 rgb(4,83,134)
```
#055f99
```
#055f99 rgb(5,95,153)
```
#056bac
```
#056bac rgb(5,107,172)
```
#0676bf
```
#0676bf rgb(6,118,191)
```
#0782d2
```
#0782d2 rgb(7,130,210)
```
#078ee5
```
#078ee5 rgb(7,142,229)
```

Shade Color Variation

#0999f7
```
#0999f7 rgb(9,153,247)
```
#1ca1f8
```
#1ca1f8 rgb(28,161,248)
```
#2fa9f8
```
#2fa9f8 rgb(47,169,248)
```
#42b1f9
```
#42b1f9 rgb(66,177,249)
```
#55b9fa
```
#55b9fa rgb(85,185,250)
```
#68c1fa
```
#68c1fa rgb(104,193,250)
```
#7bc9fb
```
#7bc9fb rgb(123,201,251)
```
#8ed0fb
```
#8ed0fb rgb(142,208,251)
```
#a1d8fc
```
#a1d8fc rgb(161,216,252)
```
#b4e0fd
```
#b4e0fd rgb(180,224,253)
```
#c7e8fd
```
#c7e8fd rgb(199,232,253)
```
#daf0fe
```
#daf0fe rgb(218,240,254)
```
#edf8fe
```
#edf8fe rgb(237,248,254)
```

Tint Color Variation

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

#9c9e9f
```
#9c9e9f rgb(156,158,159)
```
#959fa7
```
#959fa7 rgb(149,159,167)
```
#8da1ae
```
#8da1ae rgb(141,161,174)
```
#86a3b6
```
#86a3b6 rgb(134,163,182)
```
#7ea4bd
```
#7ea4bd rgb(126,164,189)
```
#77a6c5
```
#77a6c5 rgb(119,166,197)
```
#6fa7cc
```
#6fa7cc rgb(111,167,204)
```
#68a9d4
```
#68a9d4 rgb(104,169,212)
```
#60abdb
```
#60abdb rgb(96,171,219)
```
#59ace3
```
#59ace3 rgb(89,172,227)
```
#51aeea
```
#51aeea rgb(81,174,234)
```
#4aaff2
```
#4aaff2 rgb(74,175,242)
```
#42b1f9
```
#42b1f9 rgb(66,177,249)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#879dab Atypical Achromatopsia 0.001% of the population

Dichromacy

#94aaf1 Protanopia 1% of men
#83acfc Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

#76acf4 Protanomaly 1% of men, 0.01% of women
#6baefb Deuteranomaly 6% of men, 0.4% of women
#18b9dc Tritanomaly 0.01% of the population

#42b1f9 hex color

#42b1f9 Color Information

#42b1f9 Color Conversion

Color Schemes with #42b1f9

Alternatives to #42b1f9

#42b1f9 Preview

Shades and Tints of #42b1f9

Tones of #42b1f9

Color Blindness Simulator