#35daf5 hex color

In a RGB color space, hex #35daf5 is composed of 20.8% red, 85.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 11% magenta, 0% yellow and 3.9% black. It has a hue angle of 188.4 degrees, a saturation of 90.6% and a lightness of 58.4%. #35daf5 color hex could be obtained by blending #6affff with #00b5eb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 21
- G 85
- B 96
RGB color chart
- C 78
- M 11
- Y 0
- K 4
CMYK color chart

● #35daf5 color description : Bright cyan.

The hexadecimal color #35daf5 has RGB values of R:53, G:218, B:245 and CMYK values of C:0.78, M:0.11, Y:0, K:0.04. Its decimal value is 3529461.

Hex triplet	35daf5	`#35daf5`
RGB Decimal	53, 218, 245	`rgb(53,218,245)`
RGB Percent	20.8, 85.5, 96.1	`rgb(20.8%,85.5%,96.1%)`
CMYK	78, 11, 0, 4
HSL	188.4°, 90.6, 58.4	`hsl(188.4,90.6%,58.4%)`
HSV (or HSB)	188.4°, 78.4, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.453, -31.862, -24.952
XYZ	43.016, 57.488, 95.21
xyY	0.22, 0.294, 57.488
CIE-LCH	80.453, 40.47, 218.066
CIE-LUV	80.453, -55.814, -35.462
Hunter-Lab	75.821, -31.416, -21.377
Binary	00110101, 11011010, 11110101

#35daf5
```
#35daf5 rgb(53,218,245)
```
#f55035
```
#f55035 rgb(245,80,53)
```

Complementary Color

#35f5b0
```
#35f5b0 rgb(53,245,176)
```
#35daf5
```
#35daf5 rgb(53,218,245)
```
#357af5
```
#357af5 rgb(53,122,245)
```

Analogous Color

#f5b035
```
#f5b035 rgb(245,176,53)
```
#35daf5
```
#35daf5 rgb(53,218,245)
```
#f5357a
```
#f5357a rgb(245,53,122)
```

Split Complementary Color

#daf535
```
#daf535 rgb(218,245,53)
```
#35daf5
```
#35daf5 rgb(53,218,245)
```
#f535da
```
#f535da rgb(245,53,218)
```

Triadic Color

#35f550
```
#35f550 rgb(53,245,80)
```
#35daf5
```
#35daf5 rgb(53,218,245)
```
#f535da
```
#f535da rgb(245,53,218)
```
#f55035
```
#f55035 rgb(245,80,53)
```

Tetradic Color

#0ab7d3
```
#0ab7d3 rgb(10,183,211)
```
#0ccceb
```
#0ccceb rgb(12,204,235)
```
#1dd6f4
```
#1dd6f4 rgb(29,214,244)
```
#35daf5
```
#35daf5 rgb(53,218,245)
```
#4ddef6
```
#4ddef6 rgb(77,222,246)
```
#66e3f7
```
#66e3f7 rgb(102,227,247)
```
#7ee7f9
```
#7ee7f9 rgb(126,231,249)
```

Monochromatic Color

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

#35f5e0
```
#35f5e0 rgb(53,245,224)
```
#35f5f0
```
#35f5f0 rgb(53,245,240)
```
#35eaf5
```
#35eaf5 rgb(53,234,245)
```
#35daf5
```
#35daf5 rgb(53,218,245)
```
#35caf5
```
#35caf5 rgb(53,202,245)
```
#35baf5
```
#35baf5 rgb(53,186,245)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```

Similar Colors

Text with hexadecimal color #35daf5

This text has a font color of #35daf5.

<span style="color:#35daf5;">Text here</span>

#35daf5 background color

This paragraph has a background color of #35daf5.

<p style="background-color:#35daf5;">Content here</p>

#35daf5 border color

This element has a border color of #35daf5.

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

CSS codes

.text {color:#35daf5;}

.background {background-color:#35daf5;}

.border {border:1px solid #35daf5;}

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

#000304
```
#000304 rgb(0,3,4)
```
#011316
```
#011316 rgb(1,19,22)
```
#022329
```
#022329 rgb(2,35,41)
```
#03343c
```
#03343c rgb(3,52,60)
```
#04444e
```
#04444e rgb(4,68,78)
```
#055461
```
#055461 rgb(5,84,97)
```
#066474
```
#066474 rgb(6,100,116)
```
#077486
```
#077486 rgb(7,116,134)
```
#088599
```
#088599 rgb(8,133,153)
```
#0995ac
```
#0995ac rgb(9,149,172)
```
#09a5be
```
#09a5be rgb(9,165,190)
```
#0ab5d1
```
#0ab5d1 rgb(10,181,209)
```
#0bc5e4
```
#0bc5e4 rgb(11,197,228)
```

Shade Color Variation

#10d3f3
```
#10d3f3 rgb(16,211,243)
```
#22d7f4
```
#22d7f4 rgb(34,215,244)
```
#35daf5
```
#35daf5 rgb(53,218,245)
```
#48ddf6
```
#48ddf6 rgb(72,221,246)
```
#5ae1f7
```
#5ae1f7 rgb(90,225,247)
```
#6de4f8
```
#6de4f8 rgb(109,228,248)
```
#80e8f9
```
#80e8f9 rgb(128,232,249)
```
#92ebfa
```
#92ebfa rgb(146,235,250)
```
#a5effb
```
#a5effb rgb(165,239,251)
```
#b8f2fb
```
#b8f2fb rgb(184,242,251)
```
#cbf5fc
```
#cbf5fc rgb(203,245,252)
```
#ddf9fd
```
#ddf9fd rgb(221,249,253)
```
#f0fcfe
```
#f0fcfe rgb(240,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9a9b is the less saturated color, while #2de0fd is the most saturated one.

#8f9a9b
```
#8f9a9b rgb(143,154,155)
```
#879fa3
```
#879fa3 rgb(135,159,163)
```
#7ea5ac
```
#7ea5ac rgb(126,165,172)
```
#76abb4
```
#76abb4 rgb(118,171,180)
```
#6eb1bc
```
#6eb1bc rgb(110,177,188)
```
#66b7c4
```
#66b7c4 rgb(102,183,196)
```
#5ebdcc
```
#5ebdcc rgb(94,189,204)
```
#56c3d4
```
#56c3d4 rgb(86,195,212)
```
#4dc8dd
```
#4dc8dd rgb(77,200,221)
```
#45cee5
```
#45cee5 rgb(69,206,229)
```
#3dd4ed
```
#3dd4ed rgb(61,212,237)
```
#35daf5
```
#35daf5 rgb(53,218,245)
```
#2de0fd
```
#2de0fd rgb(45,224,253)
```

Tone Color Variation

Below, you can see how #35daf5 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

#acacac Achromatopsia 0.005% of the population
#94b5bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c8e9 Protanopia 1% of men
#c0c7fd Deuteranopia 1% of men
#35dded Tritanopia 0.001% of the population

Trichromacy

#8fcfed Protanomaly 1% of men, 0.01% of women
#8dcdfa Deuteranomaly 6% of men, 0.4% of women
#35dcf0 Tritanomaly 0.01% of the population

#35daf5 hex color

#35daf5 Color Information

#35daf5 Color Conversion

Color Schemes with #35daf5

Alternatives to #35daf5

#35daf5 Preview

Shades and Tints of #35daf5

Tones of #35daf5

Color Blindness Simulator