#35bdf5 hex color

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

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

● #35bdf5 color description : Bright blue.

The hexadecimal color #35bdf5 has RGB values of R:53, G:189, B:245 and CMYK values of C:0.78, M:0.23, Y:0, K:0.04. Its decimal value is 3522037.

Hex triplet	35bdf5	`#35bdf5`
RGB Decimal	53, 189, 245	`rgb(53,189,245)`
RGB Percent	20.8, 74.1, 96.1	`rgb(20.8%,74.1%,96.1%)`
CMYK	78, 23, 0, 4
HSL	197.5°, 90.6, 58.4	`hsl(197.5,90.6%,58.4%)`
HSV (or HSB)	197.5°, 78.4, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.055, -17.307, -37.885
XYZ	36.143, 43.741, 92.919
xyY	0.209, 0.253, 43.741
CIE-LCH	72.055, 41.651, 245.448
CIE-LUV	72.055, -45.856, -58.934
Hunter-Lab	66.137, -18.193, -37.003
Binary	00110101, 10111101, 11110101

#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#f56d35
```
#f56d35 rgb(245,109,53)
```

Complementary Color

#35f5cd
```
#35f5cd rgb(53,245,205)
```
#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#355df5
```
#355df5 rgb(53,93,245)
```

Analogous Color

#f5cd35
```
#f5cd35 rgb(245,205,53)
```
#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#f5355d
```
#f5355d rgb(245,53,93)
```

Split Complementary Color

#bdf535
```
#bdf535 rgb(189,245,53)
```
#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#f535bd
```
#f535bd rgb(245,53,189)
```

Triadic Color

#35f56d
```
#35f56d rgb(53,245,109)
```
#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#f535bd
```
#f535bd rgb(245,53,189)
```
#f56d35
```
#f56d35 rgb(245,109,53)
```

Tetradic Color

#0a99d3
```
#0a99d3 rgb(10,153,211)
```
#0caaeb
```
#0caaeb rgb(12,170,235)
```
#1db5f4
```
#1db5f4 rgb(29,181,244)
```
#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#4dc5f6
```
#4dc5f6 rgb(77,197,246)
```
#66cdf7
```
#66cdf7 rgb(102,205,247)
```
#7ed5f9
```
#7ed5f9 rgb(126,213,249)
```

Monochromatic Color

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

#35edf5
```
#35edf5 rgb(53,237,245)
```
#35ddf5
```
#35ddf5 rgb(53,221,245)
```
#35cdf5
```
#35cdf5 rgb(53,205,245)
```
#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#35adf5
```
#35adf5 rgb(53,173,245)
```
#359df5
```
#359df5 rgb(53,157,245)
```
#358df5
```
#358df5 rgb(53,141,245)
```

Similar Colors

Text with hexadecimal color #35bdf5

This text has a font color of #35bdf5.

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

#35bdf5 background color

This paragraph has a background color of #35bdf5.

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

#35bdf5 border color

This element has a border color of #35bdf5.

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

CSS codes

.text {color:#35bdf5;}

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

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

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 #f0fafe is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#011016
```
#011016 rgb(1,16,22)
```
#021e29
```
#021e29 rgb(2,30,41)
```
#032b3c
```
#032b3c rgb(3,43,60)
```
#04394e
```
#04394e rgb(4,57,78)
```
#054661
```
#054661 rgb(5,70,97)
```
#065474
```
#065474 rgb(6,84,116)
```
#076186
```
#076186 rgb(7,97,134)
```
#086f99
```
#086f99 rgb(8,111,153)
```
#097cac
```
#097cac rgb(9,124,172)
```
#098abe
```
#098abe rgb(9,138,190)
```
#0a97d1
```
#0a97d1 rgb(10,151,209)
```
#0ba5e4
```
#0ba5e4 rgb(11,165,228)
```

Shade Color Variation

#10b1f3
```
#10b1f3 rgb(16,177,243)
```
#22b7f4
```
#22b7f4 rgb(34,183,244)
```
#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#48c3f6
```
#48c3f6 rgb(72,195,246)
```
#5ac9f7
```
#5ac9f7 rgb(90,201,247)
```
#6dcff8
```
#6dcff8 rgb(109,207,248)
```
#80d5f9
```
#80d5f9 rgb(128,213,249)
```
#92dcfa
```
#92dcfa rgb(146,220,250)
```
#a5e2fb
```
#a5e2fb rgb(165,226,251)
```
#b8e8fb
```
#b8e8fb rgb(184,232,251)
```
#cbeefc
```
#cbeefc rgb(203,238,252)
```
#ddf4fd
```
#ddf4fd rgb(221,244,253)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

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

#8f989b
```
#8f989b rgb(143,152,155)
```
#879ba3
```
#879ba3 rgb(135,155,163)
```
#7e9eac
```
#7e9eac rgb(126,158,172)
```
#76a2b4
```
#76a2b4 rgb(118,162,180)
```
#6ea5bc
```
#6ea5bc rgb(110,165,188)
```
#66a9c4
```
#66a9c4 rgb(102,169,196)
```
#5eaccc
```
#5eaccc rgb(94,172,204)
```
#56afd4
```
#56afd4 rgb(86,175,212)
```
#4db3dd
```
#4db3dd rgb(77,179,221)
```
#45b6e5
```
#45b6e5 rgb(69,182,229)
```
#3dbaed
```
#3dbaed rgb(61,186,237)
```
#35bdf5
```
#35bdf5 rgb(53,189,245)
```
#2dc0fd
```
#2dc0fd rgb(45,192,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#87a2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b2ec Protanopia 1% of men
#97b3fa Deuteranopia 1% of men
#00c6d4 Tritanopia 0.001% of the population

Trichromacy

#7bb6ef Protanomaly 1% of men, 0.01% of women
#73b6f8 Deuteranomaly 6% of men, 0.4% of women
#13c2e0 Tritanomaly 0.01% of the population

#35bdf5 hex color

#35bdf5 Color Information

#35bdf5 Color Conversion

Color Schemes with #35bdf5

Alternatives to #35bdf5

#35bdf5 Preview

Shades and Tints of #35bdf5

Tones of #35bdf5

Color Blindness Simulator