#42a1f6 hex color

In a RGB color space, hex #42a1f6 is composed of 25.9% red, 63.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 34.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 208.3 degrees, a saturation of 90.9% and a lightness of 61.2%. #42a1f6 color hex could be obtained by blending #84ffff with #0043ed. Closest websafe color is: #3399ff.

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

● #42a1f6 color description : Bright blue.

The hexadecimal color #42a1f6 has RGB values of R:66, G:161, B:246 and CMYK values of C:0.73, M:0.35, Y:0, K:0.04. Its decimal value is 4366838.

Hex triplet	42a1f6	`#42a1f6`
RGB Decimal	66, 161, 246	`rgb(66,161,246)`
RGB Percent	25.9, 63.1, 96.5	`rgb(25.9%,63.1%,96.5%)`
CMYK	73, 35, 0, 4
HSL	208.3°, 90.9, 61.2	`hsl(208.3,90.9%,61.2%)`
HSV (or HSB)	208.3°, 73.2, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.403, -0.101, -50.414
XYZ	31.622, 33.299, 91.945
xyY	0.202, 0.212, 33.299
CIE-LCH	64.403, 50.414, 269.885
CIE-LUV	64.403, -34.401, -81.164
Hunter-Lab	57.706, -3.168, -54.075
Binary	01000010, 10100001, 11110110

#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#f69742
```
#f69742 rgb(246,151,66)
```

Complementary Color

#42f6f1
```
#42f6f1 rgb(66,246,241)
```
#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#4247f6
```
#4247f6 rgb(66,71,246)
```

Analogous Color

#f6f142
```
#f6f142 rgb(246,241,66)
```
#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#f64247
```
#f64247 rgb(246,66,71)
```

Split Complementary Color

#a1f642
```
#a1f642 rgb(161,246,66)
```
#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#f642a1
```
#f642a1 rgb(246,66,161)
```

Triadic Color

#42f697
```
#42f697 rgb(66,246,151)
```
#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#f642a1
```
#f642a1 rgb(246,66,161)
```
#f69742
```
#f69742 rgb(246,151,66)
```

Tetradic Color

#0b7ce1
```
#0b7ce1 rgb(11,124,225)
```
#1189f4
```
#1189f4 rgb(17,137,244)
```
#2a95f5
```
#2a95f5 rgb(42,149,245)
```
#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#5aadf7
```
#5aadf7 rgb(90,173,247)
```
#73b9f8
```
#73b9f8 rgb(115,185,248)
```
#8bc5f9
```
#8bc5f9 rgb(139,197,249)
```

Monochromatic Color

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

#42cef6
```
#42cef6 rgb(66,206,246)
```
#42bff6
```
#42bff6 rgb(66,191,246)
```
#42b0f6
```
#42b0f6 rgb(66,176,246)
```
#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#4292f6
```
#4292f6 rgb(66,146,246)
```
#4283f6
```
#4283f6 rgb(66,131,246)
```
#4274f6
```
#4274f6 rgb(66,116,246)
```

Similar Colors

Text with hexadecimal color #42a1f6

This text has a font color of #42a1f6.

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

#42a1f6 background color

This paragraph has a background color of #42a1f6.

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

#42a1f6 border color

This element has a border color of #42a1f6.

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

CSS codes

.text {color:#42a1f6;}

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

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

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

#010911
```
#010911 rgb(1,9,17)
```
#021424
```
#021424 rgb(2,20,36)
```
#031e36
```
#031e36 rgb(3,30,54)
```
#032849
```
#032849 rgb(3,40,73)
```
#04335c
```
#04335c rgb(4,51,92)
```
#053d6f
```
#053d6f rgb(5,61,111)
```
#064781
```
#064781 rgb(6,71,129)
```
#075194
```
#075194 rgb(7,81,148)
```
#085ca7
```
#085ca7 rgb(8,92,167)
```
#0966b9
```
#0966b9 rgb(9,102,185)
```
#0a70cc
```
#0a70cc rgb(10,112,204)
```
#0b7bdf
```
#0b7bdf rgb(11,123,223)
```
#0c85f2
```
#0c85f2 rgb(12,133,242)
```

Shade Color Variation

#1d8ef4
```
#1d8ef4 rgb(29,142,244)
```
#2f98f5
```
#2f98f5 rgb(47,152,245)
```
#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#55aaf7
```
#55aaf7 rgb(85,170,247)
```
#67b4f8
```
#67b4f8 rgb(103,180,248)
```
#7abdf9
```
#7abdf9 rgb(122,189,249)
```
#8dc6fa
```
#8dc6fa rgb(141,198,250)
```
#a0d0fa
```
#a0d0fa rgb(160,208,250)
```
#b2d9fb
```
#b2d9fb rgb(178,217,251)
```
#c5e2fc
```
#c5e2fc rgb(197,226,252)
```
#d8ebfd
```
#d8ebfd rgb(216,235,253)
```
#ebf5fe
```
#ebf5fe rgb(235,245,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#969ca2
```
#969ca2 rgb(150,156,162)
```
#8e9daa
```
#8e9daa rgb(142,157,170)
```
#879db1
```
#879db1 rgb(135,157,177)
```
#7f9eb9
```
#7f9eb9 rgb(127,158,185)
```
#779ec1
```
#779ec1 rgb(119,158,193)
```
#709ec8
```
#709ec8 rgb(112,158,200)
```
#689fd0
```
#689fd0 rgb(104,159,208)
```
#609fd8
```
#609fd8 rgb(96,159,216)
```
#59a0df
```
#59a0df rgb(89,160,223)
```
#51a0e7
```
#51a0e7 rgb(81,160,231)
```
#4aa1ee
```
#4aa1ee rgb(74,161,238)
```
#42a1f6
```
#42a1f6 rgb(66,161,246)
```
#3aa1fe
```
#3aa1fe rgb(58,161,254)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7f92a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#809ef0 Protanopia 1% of men
#69a1f8 Deuteranopia 1% of men
#00b0bd Tritanopia 0.001% of the population

Trichromacy

#699ff2 Protanomaly 1% of men, 0.01% of women
#5aa1f7 Deuteranomaly 6% of men, 0.4% of women
#18abd1 Tritanomaly 0.01% of the population

#42a1f6 hex color

#42a1f6 Color Information

#42a1f6 Color Conversion

Color Schemes with #42a1f6

Alternatives to #42a1f6

#42a1f6 Preview

Shades and Tints of #42a1f6

Tones of #42a1f6

Color Blindness Simulator