#35a5c6 hex color

In a RGB color space, hex #35a5c6 is composed of 20.8% red, 64.7% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 16.7% magenta, 0% yellow and 22.4% black. It has a hue angle of 193.7 degrees, a saturation of 57.8% and a lightness of 49.2%. #35a5c6 color hex could be obtained by blending #6affff with #004b8d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 65
- B 78
RGB color chart
- C 73
- M 17
- Y 0
- K 22
CMYK color chart

● #35a5c6 color description : Moderate cyan.

The hexadecimal color #35a5c6 has RGB values of R:53, G:165, B:198 and CMYK values of C:0.73, M:0.17, Y:0, K:0.22. Its decimal value is 3515846.

Hex triplet	35a5c6	`#35a5c6`
RGB Decimal	53, 165, 198	`rgb(53,165,198)`
RGB Percent	20.8, 64.7, 77.6	`rgb(20.8%,64.7%,77.6%)`
CMYK	73, 17, 0, 22
HSL	193.7°, 57.8, 49.2	`hsl(193.7,57.8%,49.2%)`
HSV (or HSB)	193.7°, 73.2, 77.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.129, -20.23, -25.907
XYZ	25.114, 31.742, 58.226
xyY	0.218, 0.276, 31.742
CIE-LCH	63.129, 32.87, 232.014
CIE-LUV	63.129, -40.395, -37.494
Hunter-Lab	56.34, -19.029, -21.837
Binary	00110101, 10100101, 11000110

#35a5c6
```
#35a5c6 rgb(53,165,198)
```
#c65635
```
#c65635 rgb(198,86,53)
```

Complementary Color

#35c69f
```
#35c69f rgb(53,198,159)
```
#35a5c6
```
#35a5c6 rgb(53,165,198)
```
#355dc6
```
#355dc6 rgb(53,93,198)
```

Analogous Color

#c69f35
```
#c69f35 rgb(198,159,53)
```
#35a5c6
```
#35a5c6 rgb(53,165,198)
```
#c6355d
```
#c6355d rgb(198,53,93)
```

Split Complementary Color

#a5c635
```
#a5c635 rgb(165,198,53)
```
#35a5c6
```
#35a5c6 rgb(53,165,198)
```
#c635a5
```
#c635a5 rgb(198,53,165)
```

Triadic Color

#35c656
```
#35c656 rgb(53,198,86)
```
#35a5c6
```
#35a5c6 rgb(53,165,198)
```
#c635a5
```
#c635a5 rgb(198,53,165)
```
#c65635
```
#c65635 rgb(198,86,53)
```

Tetradic Color

#25738a
```
#25738a rgb(37,115,138)
```
#2a839e
```
#2a839e rgb(42,131,158)
```
#3094b2
```
#3094b2 rgb(48,148,178)
```
#35a5c6
```
#35a5c6 rgb(53,165,198)
```
#47afce
```
#47afce rgb(71,175,206)
```
#5bb8d3
```
#5bb8d3 rgb(91,184,211)
```
#6fc0d8
```
#6fc0d8 rgb(111,192,216)
```

Monochromatic Color

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

#35c6c3
```
#35c6c3 rgb(53,198,195)
```
#35bdc6
```
#35bdc6 rgb(53,189,198)
```
#35b1c6
```
#35b1c6 rgb(53,177,198)
```
#35a5c6
```
#35a5c6 rgb(53,165,198)
```
#3599c6
```
#3599c6 rgb(53,153,198)
```
#358dc6
```
#358dc6 rgb(53,141,198)
```
#3581c6
```
#3581c6 rgb(53,129,198)
```

Similar Colors

Text with hexadecimal color #35a5c6

This text has a font color of #35a5c6.

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

#35a5c6 background color

This paragraph has a background color of #35a5c6.

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

#35a5c6 border color

This element has a border color of #35a5c6.

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

CSS codes

.text {color:#35a5c6;}

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

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

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, #030a0c is the darkest color, while #fcfefe is the lightest one.

#030a0c
```
#030a0c rgb(3,10,12)
```
#07171c
```
#07171c rgb(7,23,28)
```
#0c242b
```
#0c242b rgb(12,36,43)
```
#10313b
```
#10313b rgb(16,49,59)
```
#143e4a
```
#143e4a rgb(20,62,74)
```
#184b5a
```
#184b5a rgb(24,75,90)
```
#1c5869
```
#1c5869 rgb(28,88,105)
```
#206579
```
#206579 rgb(32,101,121)
```
#247188
```
#247188 rgb(36,113,136)
```
#297e98
```
#297e98 rgb(41,126,152)
```
#2d8ba7
```
#2d8ba7 rgb(45,139,167)
```
#3198b7
```
#3198b7 rgb(49,152,183)
```
#35a5c6
```
#35a5c6 rgb(53,165,198)
```

Shade Color Variation

#42adcc
```
#42adcc rgb(66,173,204)
```
#52b4d1
```
#52b4d1 rgb(82,180,209)
```
#61bad5
```
#61bad5 rgb(97,186,213)
```
#71c1d9
```
#71c1d9 rgb(113,193,217)
```
#80c8dd
```
#80c8dd rgb(128,200,221)
```
#90cfe1
```
#90cfe1 rgb(144,207,225)
```
#9fd5e5
```
#9fd5e5 rgb(159,213,229)
```
#aedce9
```
#aedce9 rgb(174,220,233)
```
#bee3ee
```
#bee3ee rgb(190,227,238)
```
#cde9f2
```
#cde9f2 rgb(205,233,242)
```
#ddf0f6
```
#ddf0f6 rgb(221,240,246)
```
#ecf7fa
```
#ecf7fa rgb(236,247,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#798082
```
#798082 rgb(121,128,130)
```
#6f858c
```
#6f858c rgb(111,133,140)
```
#658b96
```
#658b96 rgb(101,139,150)
```
#5c909f
```
#5c909f rgb(92,144,159)
```
#5295a9
```
#5295a9 rgb(82,149,169)
```
#489ab3
```
#489ab3 rgb(72,154,179)
```
#3fa0bc
```
#3fa0bc rgb(63,160,188)
```
#35a5c6
```
#35a5c6 rgb(53,165,198)
```
#2baad0
```
#2baad0 rgb(43,170,208)
```
#22b0d9
```
#22b0d9 rgb(34,176,217)
```
#18b5e3
```
#18b5e3 rgb(24,181,227)
```
#0ebaed
```
#0ebaed rgb(14,186,237)
```
#05bff6
```
#05bff6 rgb(5,191,246)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#778d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959cc0 Protanopia 1% of men
#909bce Deuteranopia 1% of men
#2facb9 Tritanopia 0.001% of the population

Trichromacy

#729fc2 Protanomaly 1% of men, 0.01% of women
#6f9fcb Deuteranomaly 6% of men, 0.4% of women
#31a9bd Tritanomaly 0.01% of the population

#35a5c6 hex color

#35a5c6 Color Information

#35a5c6 Color Conversion

Color Schemes with #35a5c6

Alternatives to #35a5c6

#35a5c6 Preview

Shades and Tints of #35a5c6

Tones of #35a5c6

Color Blindness Simulator