#335aff Color Information
In a RGB color space, hex #335aff is composed of 20% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 228.5 degrees, a saturation of 100% and a lightness of 60%. #335aff color hex could be obtained by blending #66b4ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 100
-
- C 80
- M 65
- Y 0
- K 0
● #335aff color description : Vivid blue.
#335aff Color Conversion
The hexadecimal color #335aff has RGB values of R:51, G:90, B:255 and CMYK values of C:0.8, M:0.65, Y:0, K:0. Its decimal value is 3365631.
Hex triplet | 335aff | #335aff |
---|---|---|
RGB Decimal | 51, 90, 255 | rgb(51,90,255) |
RGB Percent | 20, 35.3, 100 | rgb(20%,35.3%,100%) |
CMYK | 80, 65, 0, 0 | |
HSL | 228.5°, 100, 60 | hsl(228.5,100%,60%) |
HSV (or HSB) | 228.5°, 80, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.954, 44.841, -85.18 |
---|---|
XYZ | 23.068, 15.234, 96.327 |
xyY | 0.171, 0.113, 15.234 |
CIE-LCH | 45.954, 96.262, 297.764 |
CIE-LUV | 45.954, -16.218, -128.258 |
Hunter-Lab | 39.031, 37.189, -119.002 |
Binary | 00110011, 01011010, 11111111 |
Color Schemes with #335aff
Alternatives to #335aff
Below, you can see some colors close to #335aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335aff Preview
This text has a font color of #335aff.
<span style="color:#335aff;">Text here</span>
This paragraph has a background color of #335aff.
<p style="background-color:#335aff;">Content here</p>
This element has a border color of #335aff.
<div style="border:1px solid #335aff;">Content here</div>
.text {color:#335aff;}
.background {background-color:#335aff;}
.border {border:1px solid #335aff;}
Shades and Tints of #335aff
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, #00020c is the darkest color, while #f7f9ff is the lightest one.
-
#00020c
#00020c
rgb(0,2,12)
-
#00061f
#00061f
rgb(0,6,31)
-
#000a33
#000a33
rgb(0,10,51)
-
#000e47
#000e47
rgb(0,14,71)
-
#00115a
#00115a
rgb(0,17,90)
-
#00156e
#00156e
rgb(0,21,110)
-
#001981
#001981
rgb(0,25,129)
-
#001d95
#001d95
rgb(0,29,149)
-
#0020a9
#0020a9
rgb(0,32,169)
-
#0024bc
#0024bc
rgb(0,36,188)
-
#0028d0
#0028d0
rgb(0,40,208)
-
#002ce4
#002ce4
rgb(0,44,228)
-
#002ff7
#002ff7
rgb(0,47,247)
-
#0c3aff
#0c3aff
rgb(12,58,255)
-
#1f4aff
#1f4aff
rgb(31,74,255)
-
#335aff
#335aff
rgb(51,90,255)
-
#476aff
#476aff
rgb(71,106,255)
-
#5a7aff
#5a7aff
rgb(90,122,255)
-
#6e8aff
#6e8aff
rgb(110,138,255)
-
#8199ff
#8199ff
rgb(129,153,255)
-
#95a9ff
#95a9ff
rgb(149,169,255)
-
#a9b9ff
#a9b9ff
rgb(169,185,255)
-
#bcc9ff
#bcc9ff
rgb(188,201,255)
-
#d0d9ff
#d0d9ff
rgb(208,217,255)
-
#e4e9ff
#e4e9ff
rgb(228,233,255)
-
#f7f9ff
#f7f9ff
rgb(247,249,255)
Tones of #335aff
A tone is produced by adding gray to any pure hue. In this case, #9194a1 is the less saturated color, while #335aff is the most saturated one.
-
#9194a1
#9194a1
rgb(145,148,161)
-
#898fa9
#898fa9
rgb(137,143,169)
-
#818ab1
#818ab1
rgb(129,138,177)
-
#7a86b8
#7a86b8
rgb(122,134,184)
-
#7281c0
#7281c0
rgb(114,129,192)
-
#6a7cc8
#6a7cc8
rgb(106,124,200)
-
#6277d0
#6277d0
rgb(98,119,208)
-
#5a72d8
#5a72d8
rgb(90,114,216)
-
#526de0
#526de0
rgb(82,109,224)
-
#4b69e7
#4b69e7
rgb(75,105,231)
-
#4364ef
#4364ef
rgb(67,100,239)
-
#3b5ff7
#3b5ff7
rgb(59,95,247)
-
#335aff
#335aff
rgb(51,90,255)
Color Blindness Simulator
Below, you can see how #335aff 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.