colorhexa.com

#35bae4 hex color

In a RGB color space, hex #35bae4 is composed of 20.8% red, 72.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 18.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 194.4 degrees, a saturation of 76.4% and a lightness of 55.1%. #35bae4 color hex could be obtained by blending #6affff with #0075c9. Closest websafe color is: #33cccc.

- R 21
- G 73
- B 89
RGB color chart
- C 77
- M 18
- Y 0
- K 11
CMYK color chart

● #35bae4 color description : Bright cyan.

The hexadecimal color #35bae4 has RGB values of R:53, G:186, B:228 and CMYK values of C:0.77, M:0.18, Y:0, K:0.11. Its decimal value is 3521252.

Hex triplet	35bae4	`#35bae4`
RGB Decimal	53, 186, 228	`rgb(53,186,228)`
RGB Percent	20.8, 72.9, 89.4	`rgb(20.8%,72.9%,89.4%)`
CMYK	77, 18, 0, 11
HSL	194.4°, 76.4, 55.1	`hsl(194.4,76.4%,55.1%)`
HSV (or HSB)	194.4°, 76.8, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.506, -21.354, -31.065
XYZ	33.027, 41.473, 79.659
xyY	0.214, 0.269, 41.473
CIE-LCH	70.506, 37.697, 235.496
CIE-LUV	70.506, -45.907, -46.625
Hunter-Lab	64.4, -21.157, -28.259
Binary	00110101, 10111010, 11100100

#35bae4
```
#35bae4 rgb(53,186,228)
```
#e45f35
```
#e45f35 rgb(228,95,53)
```

Complementary Color

#35e4b7
```
#35e4b7 rgb(53,228,183)
```
#35bae4
```
#35bae4 rgb(53,186,228)
```
#3563e4
```
#3563e4 rgb(53,99,228)
```

Analogous Color

#e4b735
```
#e4b735 rgb(228,183,53)
```
#35bae4
```
#35bae4 rgb(53,186,228)
```
#e43563
```
#e43563 rgb(228,53,99)
```

Split Complementary Color

#bae435
```
#bae435 rgb(186,228,53)
```
#35bae4
```
#35bae4 rgb(53,186,228)
```
#e435ba
```
#e435ba rgb(228,53,186)
```

Triadic Color

#35e45f
```
#35e45f rgb(53,228,95)
```
#35bae4
```
#35bae4 rgb(53,186,228)
```
#e435ba
```
#e435ba rgb(228,53,186)
```
#e45f35
```
#e45f35 rgb(228,95,53)
```

Tetradic Color

#188fb4
```
#188fb4 rgb(24,143,180)
```
#1ba1cb
```
#1ba1cb rgb(27,161,203)
```
#1fb2e1
```
#1fb2e1 rgb(31,178,225)
```
#35bae4
```
#35bae4 rgb(53,186,228)
```
#4bc2e7
```
#4bc2e7 rgb(75,194,231)
```
#62c9ea
```
#62c9ea rgb(98,201,234)
```
#78d1ed
```
#78d1ed rgb(120,209,237)
```

Monochromatic Color

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

#35e4e2
```
#35e4e2 rgb(53,228,226)
```
#35d7e4
```
#35d7e4 rgb(53,215,228)
```
#35c9e4
```
#35c9e4 rgb(53,201,228)
```
#35bae4
```
#35bae4 rgb(53,186,228)
```
#35abe4
```
#35abe4 rgb(53,171,228)
```
#359de4
```
#359de4 rgb(53,157,228)
```
#358ee4
```
#358ee4 rgb(53,142,228)
```

Similar Colors

Text with hexadecimal color #35bae4

This text has a font color of #35bae4.

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

#35bae4 background color

This paragraph has a background color of #35bae4.

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

#35bae4 border color

This element has a border color of #35bae4.

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

CSS codes

.text {color:#35bae4;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#031217
```
#031217 rgb(3,18,23)
```
#052028
```
#052028 rgb(5,32,40)
```
#082e3a
```
#082e3a rgb(8,46,58)
```
#0a3b4b
```
#0a3b4b rgb(10,59,75)
```
#0c495c
```
#0c495c rgb(12,73,92)
```
#0f576d
```
#0f576d rgb(15,87,109)
```
#11647f
```
#11647f rgb(17,100,127)
```
#137290
```
#137290 rgb(19,114,144)
```
#1680a1
```
#1680a1 rgb(22,128,161)
```
#188eb3
```
#188eb3 rgb(24,142,179)
```
#1a9bc4
```
#1a9bc4 rgb(26,155,196)
```
#1da9d5
```
#1da9d5 rgb(29,169,213)
```

Shade Color Variation

#24b4e2
```
#24b4e2 rgb(36,180,226)
```
#35bae4
```
#35bae4 rgb(53,186,228)
```
#46c0e6
```
#46c0e6 rgb(70,192,230)
```
#58c6e9
```
#58c6e9 rgb(88,198,233)
```
#69cceb
```
#69cceb rgb(105,204,235)
```
#7ad2ed
```
#7ad2ed rgb(122,210,237)
```
#8cd8f0
```
#8cd8f0 rgb(140,216,240)
```
#9dddf2
```
#9dddf2 rgb(157,221,242)
```
#aee3f4
```
#aee3f4 rgb(174,227,244)
```
#bfe9f7
```
#bfe9f7 rgb(191,233,247)
```
#d1eff9
```
#d1eff9 rgb(209,239,249)
```
#e2f5fb
```
#e2f5fb rgb(226,245,251)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #849195 is the less saturated color, while #1bc8fe is the most saturated one.

#849195
```
#849195 rgb(132,145,149)
```
#7b959e
```
#7b959e rgb(123,149,158)
```
#739aa6
```
#739aa6 rgb(115,154,166)
```
#6a9faf
```
#6a9faf rgb(106,159,175)
```
#61a3b8
```
#61a3b8 rgb(97,163,184)
```
#58a8c1
```
#58a8c1 rgb(88,168,193)
```
#4facca
```
#4facca rgb(79,172,202)
```
#47b1d2
```
#47b1d2 rgb(71,177,210)
```
#3eb5db
```
#3eb5db rgb(62,181,219)
```
#35bae4
```
#35bae4 rgb(53,186,228)
```
#2cbfed
```
#2cbfed rgb(44,191,237)
```
#23c3f6
```
#23c3f6 rgb(35,195,246)
```
#1bc8fe
```
#1bc8fe rgb(27,200,254)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#839ea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4aedb Protanopia 1% of men
#9daeeb Deuteranopia 1% of men
#1fc1cf Tritanopia 0.001% of the population

Trichromacy

#7cb2de Protanomaly 1% of men, 0.01% of women
#77b2e8 Deuteranomaly 6% of men, 0.4% of women
#27bed7 Tritanomaly 0.01% of the population