#42c1f5 hex color

In a RGB color space, hex #42c1f5 is composed of 25.9% red, 75.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 21.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 197.4 degrees, a saturation of 89.9% and a lightness of 61%. #42c1f5 color hex could be obtained by blending #84ffff with #0083eb. Closest websafe color is: #33ccff.

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

● #42c1f5 color description : Bright blue.

The hexadecimal color #42c1f5 has RGB values of R:66, G:193, B:245 and CMYK values of C:0.73, M:0.21, Y:0, K:0.04. Its decimal value is 4375029.

Hex triplet	42c1f5	`#42c1f5`
RGB Decimal	66, 193, 245	`rgb(66,193,245)`
RGB Percent	25.9, 75.7, 96.1	`rgb(25.9%,75.7%,96.1%)`
CMYK	73, 21, 0, 4
HSL	197.4°, 89.9, 61	`hsl(197.4,89.9%,61%)`
HSV (or HSB)	197.4°, 73.1, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.472, -17.982, -35.664
XYZ	37.794, 45.888, 93.247
xyY	0.214, 0.259, 45.888
CIE-LCH	73.472, 39.941, 243.243
CIE-LUV	73.472, -45.41, -55.159
Hunter-Lab	67.74, -18.956, -34.196
Binary	01000010, 11000001, 11110101

#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#f57642
```
#f57642 rgb(245,118,66)
```

Complementary Color

#42f5d0
```
#42f5d0 rgb(66,245,208)
```
#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#4268f5
```
#4268f5 rgb(66,104,245)
```

Analogous Color

#f5d042
```
#f5d042 rgb(245,208,66)
```
#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#f54268
```
#f54268 rgb(245,66,104)
```

Split Complementary Color

#c1f542
```
#c1f542 rgb(193,245,66)
```
#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#f542c1
```
#f542c1 rgb(245,66,193)
```

Triadic Color

#42f576
```
#42f576 rgb(66,245,118)
```
#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#f542c1
```
#f542c1 rgb(245,66,193)
```
#f57642
```
#f57642 rgb(245,118,66)
```

Tetradic Color

#0ca1df
```
#0ca1df rgb(12,161,223)
```
#12b1f2
```
#12b1f2 rgb(18,177,242)
```
#2ab9f4
```
#2ab9f4 rgb(42,185,244)
```
#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#5ac9f6
```
#5ac9f6 rgb(90,201,246)
```
#72d1f8
```
#72d1f8 rgb(114,209,248)
```
#8bd9f9
```
#8bd9f9 rgb(139,217,249)
```

Monochromatic Color

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

#42eef5
```
#42eef5 rgb(66,238,245)
```
#42dff5
```
#42dff5 rgb(66,223,245)
```
#42d0f5
```
#42d0f5 rgb(66,208,245)
```
#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#42b2f5
```
#42b2f5 rgb(66,178,245)
```
#42a3f5
```
#42a3f5 rgb(66,163,245)
```
#4294f5
```
#4294f5 rgb(66,148,245)
```

Similar Colors

Text with hexadecimal color #42c1f5

This text has a font color of #42c1f5.

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

#42c1f5 background color

This paragraph has a background color of #42c1f5.

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

#42c1f5 border color

This element has a border color of #42c1f5.

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

CSS codes

.text {color:#42c1f5;}

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

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

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

#010c10
```
#010c10 rgb(1,12,16)
```
#021923
```
#021923 rgb(2,25,35)
```
#032735
```
#032735 rgb(3,39,53)
```
#043448
```
#043448 rgb(4,52,72)
```
#05425a
```
#05425a rgb(5,66,90)
```
#064f6d
```
#064f6d rgb(6,79,109)
```
#075d80
```
#075d80 rgb(7,93,128)
```
#086a92
```
#086a92 rgb(8,106,146)
```
#0978a5
```
#0978a5 rgb(9,120,165)
```
#0a85b8
```
#0a85b8 rgb(10,133,184)
```
#0b93ca
```
#0b93ca rgb(11,147,202)
```
#0ca0dd
```
#0ca0dd rgb(12,160,221)
```
#0daeef
```
#0daeef rgb(13,174,239)
```

Shade Color Variation

#1db5f3
```
#1db5f3 rgb(29,181,243)
```
#2fbbf4
```
#2fbbf4 rgb(47,187,244)
```
#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#55c7f6
```
#55c7f6 rgb(85,199,246)
```
#67cdf7
```
#67cdf7 rgb(103,205,247)
```
#7ad3f8
```
#7ad3f8 rgb(122,211,248)
```
#8dd9f9
```
#8dd9f9 rgb(141,217,249)
```
#9fe0fa
```
#9fe0fa rgb(159,224,250)
```
#b2e6fb
```
#b2e6fb rgb(178,230,251)
```
#c4ecfc
```
#c4ecfc rgb(196,236,252)
```
#d7f2fd
```
#d7f2fd rgb(215,242,253)
```
#eaf8fe
```
#eaf8fe rgb(234,248,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#969ea1
```
#969ea1 rgb(150,158,161)
```
#8fa1a8
```
#8fa1a8 rgb(143,161,168)
```
#87a4b0
```
#87a4b0 rgb(135,164,176)
```
#7fa7b8
```
#7fa7b8 rgb(127,167,184)
```
#78abbf
```
#78abbf rgb(120,171,191)
```
#70aec7
```
#70aec7 rgb(112,174,199)
```
#68b1cf
```
#68b1cf rgb(104,177,207)
```
#61b4d6
```
#61b4d6 rgb(97,180,214)
```
#59b7de
```
#59b7de rgb(89,183,222)
```
#51bbe6
```
#51bbe6 rgb(81,187,230)
```
#4abeed
```
#4abeed rgb(74,190,237)
```
#42c1f5
```
#42c1f5 rgb(66,193,245)
```
#3ac4fd
```
#3ac4fd rgb(58,196,253)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8ea7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b6ec Protanopia 1% of men
#9fb6fa Deuteranopia 1% of men
#29c9d8 Tritanopia 0.001% of the population

Trichromacy

#83baef Protanomaly 1% of men, 0.01% of women
#7dbaf8 Deuteranomaly 6% of men, 0.4% of women
#32c6e2 Tritanomaly 0.01% of the population

#42c1f5 hex color

#42c1f5 Color Information

#42c1f5 Color Conversion

Color Schemes with #42c1f5

Alternatives to #42c1f5

#42c1f5 Preview

Shades and Tints of #42c1f5

Tones of #42c1f5

Color Blindness Simulator