#335fff hex color

In a RGB color space, hex #335fff is composed of 20% red, 37.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 62.7% magenta, 0% yellow and 0% black. It has a hue angle of 227.1 degrees, a saturation of 100% and a lightness of 60%. #335fff color hex could be obtained by blending #66beff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 37
- B 100
RGB color chart
- C 80
- M 63
- Y 0
- K 0
CMYK color chart

● #335fff color description : Vivid blue.

The hexadecimal color #335fff has RGB values of R:51, G:95, B:255 and CMYK values of C:0.8, M:0.63, Y:0, K:0. Its decimal value is 3366911.

Hex triplet	335fff	`#335fff`
RGB Decimal	51, 95, 255	`rgb(51,95,255)`
RGB Percent	20, 37.3, 100	`rgb(20%,37.3%,100%)`
CMYK	80, 63, 0, 0
HSL	227.1°, 100, 60	`hsl(227.1,100%,60%)`
HSV (or HSB)	227.1°, 80, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.114, 41.793, -83.276
XYZ	23.504, 16.106, 96.472
xyY	0.173, 0.118, 16.106
CIE-LCH	47.114, 93.175, 296.65
CIE-LUV	47.114, -17.331, -126.736
Hunter-Lab	40.133, 34.305, -114.43
Binary	00110011, 01011111, 11111111

#335fff
```
#335fff rgb(51,95,255)
```
#ffd333
```
#ffd333 rgb(255,211,51)
```

Complementary Color

#33c5ff
```
#33c5ff rgb(51,197,255)
```
#335fff
```
#335fff rgb(51,95,255)
```
#6d33ff
```
#6d33ff rgb(109,51,255)
```

Analogous Color

#c5ff33
```
#c5ff33 rgb(197,255,51)
```
#335fff
```
#335fff rgb(51,95,255)
```
#ff6d33
```
#ff6d33 rgb(255,109,51)
```

Split Complementary Color

#5fff33
```
#5fff33 rgb(95,255,51)
```
#335fff
```
#335fff rgb(51,95,255)
```
#ff335f
```
#ff335f rgb(255,51,95)
```

Triadic Color

#33ffd3
```
#33ffd3 rgb(51,255,211)
```
#335fff
```
#335fff rgb(51,95,255)
```
#ff335f
```
#ff335f rgb(255,51,95)
```
#ffd333
```
#ffd333 rgb(255,211,51)
```

Tetradic Color

#0032e6
```
#0032e6 rgb(0,50,230)
```
#0037ff
```
#0037ff rgb(0,55,255)
```
#1a4bff
```
#1a4bff rgb(26,75,255)
```
#335fff
```
#335fff rgb(51,95,255)
```
#4d73ff
```
#4d73ff rgb(77,115,255)
```
#6687ff
```
#6687ff rgb(102,135,255)
```
#809bff
```
#809bff rgb(128,155,255)
```

Monochromatic Color

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

#3392ff
```
#3392ff rgb(51,146,255)
```
#3381ff
```
#3381ff rgb(51,129,255)
```
#3370ff
```
#3370ff rgb(51,112,255)
```
#335fff
```
#335fff rgb(51,95,255)
```
#334eff
```
#334eff rgb(51,78,255)
```
#333dff
```
#333dff rgb(51,61,255)
```
#3a33ff
```
#3a33ff rgb(58,51,255)
```

Similar Colors

Text with hexadecimal color #335fff

This text has a font color of #335fff.

<span style="color:#335fff;">Text here</span>

#335fff background color

This paragraph has a background color of #335fff.

<p style="background-color:#335fff;">Content here</p>

#335fff border color

This element has a border color of #335fff.

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

CSS codes

.text {color:#335fff;}

.background {background-color:#335fff;}

.border {border:1px solid #335fff;}

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, #00030c is the darkest color, while #f7f9ff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#00071f
```
#00071f rgb(0,7,31)
```
#000b33
```
#000b33 rgb(0,11,51)
```
#000f47
```
#000f47 rgb(0,15,71)
```
#00135a
```
#00135a rgb(0,19,90)
```
#00186e
```
#00186e rgb(0,24,110)
```
#001c81
```
#001c81 rgb(0,28,129)
```
#002095
```
#002095 rgb(0,32,149)
```
#0024a9
```
#0024a9 rgb(0,36,169)
```
#0029bc
```
#0029bc rgb(0,41,188)
```
#002dd0
```
#002dd0 rgb(0,45,208)
```
#0031e4
```
#0031e4 rgb(0,49,228)
```
#0035f7
```
#0035f7 rgb(0,53,247)
```

Shade Color Variation

#0c40ff
```
#0c40ff rgb(12,64,255)
```
#1f50ff
```
#1f50ff rgb(31,80,255)
```
#335fff
```
#335fff rgb(51,95,255)
```
#476eff
```
#476eff rgb(71,110,255)
```
#5a7eff
```
#5a7eff rgb(90,126,255)
```
#6e8dff
```
#6e8dff rgb(110,141,255)
```
#819dff
```
#819dff rgb(129,157,255)
```
#95acff
```
#95acff rgb(149,172,255)
```
#a9bbff
```
#a9bbff rgb(169,187,255)
```
#bccbff
```
#bccbff rgb(188,203,255)
```
#d0daff
```
#d0daff rgb(208,218,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9195a1 is the less saturated color, while #335fff is the most saturated one.

#9195a1
```
#9195a1 rgb(145,149,161)
```
#8990a9
```
#8990a9 rgb(137,144,169)
```
#818cb1
```
#818cb1 rgb(129,140,177)
```
#7a87b8
```
#7a87b8 rgb(122,135,184)
```
#7283c0
```
#7283c0 rgb(114,131,192)
```
#6a7ec8
```
#6a7ec8 rgb(106,126,200)
```
#627ad0
```
#627ad0 rgb(98,122,208)
```
#5a75d8
```
#5a75d8 rgb(90,117,216)
```
#5271e0
```
#5271e0 rgb(82,113,224)
```
#4b6ce7
```
#4b6ce7 rgb(75,108,231)
```
#4368ef
```
#4368ef rgb(67,104,239)
```
#3b63f7
```
#3b63f7 rgb(59,99,247)
```
#335fff
```
#335fff rgb(51,95,255)
```

Tone Color Variation

Below, you can see how #335fff 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

#646464 Achromatopsia 0.005% of the population
#5a6383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#126cec Protanomaly 1% of men, 0.01% of women
#1270d9 Deuteranomaly 6% of men, 0.4% of women
#1275b4 Tritanomaly 0.01% of the population

#335fff hex color

#335fff Color Information

#335fff Color Conversion

Color Schemes with #335fff

Alternatives to #335fff

#335fff Preview

Shades and Tints of #335fff

Tones of #335fff

Color Blindness Simulator