#35a1ff color information
In a RGB color space, hex #35a1ff is composed of 20.8% red, 63.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 36.9% magenta, 0% yellow and 0% black. It has a hue angle of 207.9 degrees, a saturation of 100% and a lightness of 60.4%. #35a1ff color hex could be obtained by blending #6affff with #0043ff. Closest websafe color is: #3399ff.
#35a1ff color conversion
The hexadecimal color #35a1ff has RGB values of R:53, G:161, B:255 and CMYK values of C:0.79, M:0.37, Y:0, K:0. Its decimal value is 3514879.
- Hex triplet 35a1ff
#35a1ff - RGB Decimal 53, 161, 255
rgb(53,161,255) - RGB Percent 20.8, 63.1, 100
rgb(20.8%,63.1%,100%) - CMYK 79, 37, 0, 0
- HSL 207.9°, 100, 60.4
hsl(208,100%,60%) - HSV (or HSB) 207.9°, 79.2, 100
- Web Safe 3399ff
#3399ff
- CIE-LAB 64.535, 1.638, -55.138
- XYZ 32.259, 33.464, 99.361
- xyY 0.195, 0.203, 33.464
- CIE-LCH 64.535, 55.163, 271.702
- CIE-LUV 64.535, -35.912, -89.33
- Hunter-Lab 57.848, -1.694, -61.345
- Binary 00110101, 10100001, 11111111
Color Schemes with #35a1ff
#35a1ff in action
This text has a font color of #35a1ff.
<span style="color:#35a1ff;">Text here</span>
This paragraph has a background color of #35a1ff.
<p style="background-color:#35a1ff;">Content here</p>
This element has a border color of #35a1ff.
<div style="border:1px solid #35a1ff;">Content here</div>
.text {color:#35a1ff;}
.background {background-color:#35a1ff;}
.border {border:1px solid #35a1ff;}
Shades of #35a1ff
- #001221 #001221
rgb(0,18,33) - #002749 #002749
rgb(0,39,73) - #003c70 #003c70
rgb(0,60,112) - #005197 #005197
rgb(0,81,151) - #0066be #0066be
rgb(0,102,190) - #007be6 #007be6
rgb(0,123,230) - #0e8fff #0e8fff
rgb(14,143,255) - #35a1ff #35a1ff
rgb(53,161,255) - #5cb3ff #5cb3ff
rgb(92,179,255) - #83c6ff #83c6ff
rgb(131,198,255) - #abd8ff #abd8ff
rgb(171,216,255) - #d2eaff #d2eaff
rgb(210,234,255) - #f9fcff #f9fcff
rgb(249,252,255)
Color Blindness Simulator
Below, you can see how #35a1ff 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.
