#42daf2 hex color

In a RGB color space, hex #42daf2 is composed of 25.9% red, 85.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 9.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 188.2 degrees, a saturation of 87.1% and a lightness of 60.4%. #42daf2 color hex could be obtained by blending #84ffff with #00b5e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 26
- G 85
- B 95
RGB color chart
- C 73
- M 10
- Y 0
- K 5
CMYK color chart

● #42daf2 color description : Bright cyan.

The hexadecimal color #42daf2 has RGB values of R:66, G:218, B:242 and CMYK values of C:0.73, M:0.1, Y:0, K:0.05. Its decimal value is 4381426.

Hex triplet	42daf2	`#42daf2`
RGB Decimal	66, 218, 242	`rgb(66,218,242)`
RGB Percent	25.9, 85.5, 94.9	`rgb(25.9%,85.5%,94.9%)`
CMYK	73, 10, 0, 5
HSL	188.2°, 87.1, 60.4	`hsl(188.2,87.1%,60.4%)`
HSV (or HSB)	188.2°, 72.7, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.576, -31.429, -23.15
XYZ	43.341, 57.708, 92.854
xyY	0.224, 0.298, 57.708
CIE-LCH	80.576, 39.034, 216.375
CIE-LUV	80.576, -54.315, -32.45
Hunter-Lab	75.966, -31.101, -19.295
Binary	01000010, 11011010, 11110010

#42daf2
```
#42daf2 rgb(66,218,242)
```
#f25a42
```
#f25a42 rgb(242,90,66)
```

Complementary Color

#42f2b2
```
#42f2b2 rgb(66,242,178)
```
#42daf2
```
#42daf2 rgb(66,218,242)
```
#4282f2
```
#4282f2 rgb(66,130,242)
```

Analogous Color

#f2b242
```
#f2b242 rgb(242,178,66)
```
#42daf2
```
#42daf2 rgb(66,218,242)
```
#f24282
```
#f24282 rgb(242,66,130)
```

Split Complementary Color

#daf242
```
#daf242 rgb(218,242,66)
```
#42daf2
```
#42daf2 rgb(66,218,242)
```
#f242da
```
#f242da rgb(242,66,218)
```

Triadic Color

#42f25a
```
#42f25a rgb(66,242,90)
```
#42daf2
```
#42daf2 rgb(66,218,242)
```
#f242da
```
#f242da rgb(242,66,218)
```
#f25a42
```
#f25a42 rgb(242,90,66)
```

Tetradic Color

#0fbdd9
```
#0fbdd9 rgb(15,189,217)
```
#12d1ef
```
#12d1ef rgb(18,209,239)
```
#2ad5f0
```
#2ad5f0 rgb(42,213,240)
```
#42daf2
```
#42daf2 rgb(66,218,242)
```
#5adff4
```
#5adff4 rgb(90,223,244)
```
#72e3f5
```
#72e3f5 rgb(114,227,245)
```
#8ae8f7
```
#8ae8f7 rgb(138,232,247)
```

Monochromatic Color

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

#42f2de
```
#42f2de rgb(66,242,222)
```
#42f2ed
```
#42f2ed rgb(66,242,237)
```
#42e9f2
```
#42e9f2 rgb(66,233,242)
```
#42daf2
```
#42daf2 rgb(66,218,242)
```
#42cbf2
```
#42cbf2 rgb(66,203,242)
```
#42bdf2
```
#42bdf2 rgb(66,189,242)
```
#42aef2
```
#42aef2 rgb(66,174,242)
```

Similar Colors

Text with hexadecimal color #42daf2

This text has a font color of #42daf2.

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

#42daf2 background color

This paragraph has a background color of #42daf2.

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

#42daf2 border color

This element has a border color of #42daf2.

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

CSS codes

.text {color:#42daf2;}

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

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

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

#010b0d
```
#010b0d rgb(1,11,13)
```
#021b1f
```
#021b1f rgb(2,27,31)
```
#032b32
```
#032b32 rgb(3,43,50)
```
#053b44
```
#053b44 rgb(5,59,68)
```
#064b56
```
#064b56 rgb(6,75,86)
```
#075b69
```
#075b69 rgb(7,91,105)
```
#086b7b
```
#086b7b rgb(8,107,123)
```
#0a7b8d
```
#0a7b8d rgb(10,123,141)
```
#0b8ba0
```
#0b8ba0 rgb(11,139,160)
```
#0c9bb2
```
#0c9bb2 rgb(12,155,178)
```
#0eabc4
```
#0eabc4 rgb(14,171,196)
```
#0fbbd7
```
#0fbbd7 rgb(15,187,215)
```
#10cce9
```
#10cce9 rgb(16,204,233)
```

Shade Color Variation

#1dd3ef
```
#1dd3ef rgb(29,211,239)
```
#30d6f1
```
#30d6f1 rgb(48,214,241)
```
#42daf2
```
#42daf2 rgb(66,218,242)
```
#54def3
```
#54def3 rgb(84,222,243)
```
#67e1f5
```
#67e1f5 rgb(103,225,245)
```
#79e5f6
```
#79e5f6 rgb(121,229,246)
```
#8be8f7
```
#8be8f7 rgb(139,232,247)
```
#9eecf8
```
#9eecf8 rgb(158,236,248)
```
#b0f0fa
```
#b0f0fa rgb(176,240,250)
```
#c2f3fb
```
#c2f3fb rgb(194,243,251)
```
#d5f7fc
```
#d5f7fc rgb(213,247,252)
```
#e7fafd
```
#e7fafd rgb(231,250,253)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#979c9d
```
#979c9d rgb(151,156,157)
```
#90a1a4
```
#90a1a4 rgb(144,161,164)
```
#88a7ac
```
#88a7ac rgb(136,167,172)
```
#80adb4
```
#80adb4 rgb(128,173,180)
```
#78b2bc
```
#78b2bc rgb(120,178,188)
```
#71b8c3
```
#71b8c3 rgb(113,184,195)
```
#69becb
```
#69becb rgb(105,190,203)
```
#61c3d3
```
#61c3d3 rgb(97,195,211)
```
#59c9db
```
#59c9db rgb(89,201,219)
```
#52cfe2
```
#52cfe2 rgb(82,207,226)
```
#4ad4ea
```
#4ad4ea rgb(74,212,234)
```
#42daf2
```
#42daf2 rgb(66,218,242)
```
#3ae0fa
```
#3ae0fa rgb(58,224,250)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#99b8bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c9e7 Protanopia 1% of men
#c3c7fa Deuteranopia 1% of men
#46dced Tritanopia 0.001% of the population

Trichromacy

#95cfeb Protanomaly 1% of men, 0.01% of women
#94cef7 Deuteranomaly 6% of men, 0.4% of women
#44dbee Tritanomaly 0.01% of the population

#42daf2 hex color

#42daf2 Color Information

#42daf2 Color Conversion

Color Schemes with #42daf2

Alternatives to #42daf2

#42daf2 Preview

Shades and Tints of #42daf2

Tones of #42daf2

Color Blindness Simulator