#335aea hex color

In a RGB color space, hex #335aea is composed of 20% red, 35.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 61.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 227.2 degrees, a saturation of 81.3% and a lightness of 55.9%. #335aea color hex could be obtained by blending #66b4ff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 35
- B 92
RGB color chart
- C 78
- M 62
- Y 0
- K 8
CMYK color chart

● #335aea color description : Bright blue.

The hexadecimal color #335aea has RGB values of R:51, G:90, B:234 and CMYK values of C:0.78, M:0.62, Y:0, K:0.08. Its decimal value is 3365610.

Hex triplet	335aea	`#335aea`
RGB Decimal	51, 90, 234	`rgb(51,90,234)`
RGB Percent	20, 35.3, 91.8	`rgb(20%,35.3%,91.8%)`
CMYK	78, 62, 0, 8
HSL	227.2°, 81.3, 55.9	`hsl(227.2,81.3%,55.9%)`
HSV (or HSB)	227.2°, 78.2, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.169, 37.4, -76.343
XYZ	19.87, 13.955, 79.484
xyY	0.175, 0.123, 13.955
CIE-LCH	44.169, 85.011, 296.1
CIE-LUV	44.169, -16.012, -114.704
Hunter-Lab	37.357, 29.568, -100.002
Binary	00110011, 01011010, 11101010

#335aea
```
#335aea rgb(51,90,234)
```
#eac333
```
#eac333 rgb(234,195,51)
```

Complementary Color

#33b6ea
```
#33b6ea rgb(51,182,234)
```
#335aea
```
#335aea rgb(51,90,234)
```
#6833ea
```
#6833ea rgb(104,51,234)
```

Analogous Color

#b6ea33
```
#b6ea33 rgb(182,234,51)
```
#335aea
```
#335aea rgb(51,90,234)
```
#ea6833
```
#ea6833 rgb(234,104,51)
```

Split Complementary Color

#5aea33
```
#5aea33 rgb(90,234,51)
```
#335aea
```
#335aea rgb(51,90,234)
```
#ea335a
```
#ea335a rgb(234,51,90)
```

Triadic Color

#33eac3
```
#33eac3 rgb(51,234,195)
```
#335aea
```
#335aea rgb(51,90,234)
```
#ea335a
```
#ea335a rgb(234,51,90)
```
#eac333
```
#eac333 rgb(234,195,51)
```

Tetradic Color

#1338bd
```
#1338bd rgb(19,56,189)
```
#163ed4
```
#163ed4 rgb(22,62,212)
```
#1c47e8
```
#1c47e8 rgb(28,71,232)
```
#335aea
```
#335aea rgb(51,90,234)
```
#4a6dec
```
#4a6dec rgb(74,109,236)
```
#617fef
```
#617fef rgb(97,127,239)
```
#7892f1
```
#7892f1 rgb(120,146,241)
```

Monochromatic Color

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

#3388ea
```
#3388ea rgb(51,136,234)
```
#3379ea
```
#3379ea rgb(51,121,234)
```
#3369ea
```
#3369ea rgb(51,105,234)
```
#335aea
```
#335aea rgb(51,90,234)
```
#334bea
```
#334bea rgb(51,75,234)
```
#333cea
```
#333cea rgb(51,60,234)
```
#3a33ea
```
#3a33ea rgb(58,51,234)
```

Similar Colors

Text with hexadecimal color #335aea

This text has a font color of #335aea.

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

#335aea background color

This paragraph has a background color of #335aea.

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

#335aea border color

This element has a border color of #335aea.

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

CSS codes

.text {color:#335aea;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#03081b
```
#03081b rgb(3,8,27)
```
#050d2d
```
#050d2d rgb(5,13,45)
```
#06123f
```
#06123f rgb(6,18,63)
```
#081851
```
#081851 rgb(8,24,81)
```
#0a1d62
```
#0a1d62 rgb(10,29,98)
```
#0c2274
```
#0c2274 rgb(12,34,116)
```
#0e2786
```
#0e2786 rgb(14,39,134)
```
#102d98
```
#102d98 rgb(16,45,152)
```
#1132a9
```
#1132a9 rgb(17,50,169)
```
#1337bb
```
#1337bb rgb(19,55,187)
```
#153ccd
```
#153ccd rgb(21,60,205)
```
#1742df
```
#1742df rgb(23,66,223)
```

Shade Color Variation

#214ce8
```
#214ce8 rgb(33,76,232)
```
#335aea
```
#335aea rgb(51,90,234)
```
#4568ec
```
#4568ec rgb(69,104,236)
```
#5777ee
```
#5777ee rgb(87,119,238)
```
#6885ef
```
#6885ef rgb(104,133,239)
```
#7a94f1
```
#7a94f1 rgb(122,148,241)
```
#8ca2f3
```
#8ca2f3 rgb(140,162,243)
```
#9eb0f5
```
#9eb0f5 rgb(158,176,245)
```
#afbff7
```
#afbff7 rgb(175,191,247)
```
#c1cdf9
```
#c1cdf9 rgb(193,205,249)
```
#d3dbfa
```
#d3dbfa rgb(211,219,250)
```
#e5eafc
```
#e5eafc rgb(229,234,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c93 is the less saturated color, while #2250fb is the most saturated one.

#8a8c93
```
#8a8c93 rgb(138,140,147)
```
#81879c
```
#81879c rgb(129,135,156)
```
#7882a5
```
#7882a5 rgb(120,130,165)
```
#707dad
```
#707dad rgb(112,125,173)
```
#6778b6
```
#6778b6 rgb(103,120,182)
```
#5e73bf
```
#5e73bf rgb(94,115,191)
```
#566ec7
```
#566ec7 rgb(86,110,199)
```
#4d69d0
```
#4d69d0 rgb(77,105,208)
```
#4464d9
```
#4464d9 rgb(68,100,217)
```
#3c5fe1
```
#3c5fe1 rgb(60,95,225)
```
#335aea
```
#335aea rgb(51,90,234)
```
#2a55f3
```
#2a55f3 rgb(42,85,243)
```
#2250fb
```
#2250fb rgb(34,80,251)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#565e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1266dc Protanomaly 1% of men, 0.01% of women
#1269cb Deuteranomaly 6% of men, 0.4% of women
#126fa7 Tritanomaly 0.01% of the population

#335aea hex color

#335aea Color Information

#335aea Color Conversion

Color Schemes with #335aea

Alternatives to #335aea

#335aea Preview

Shades and Tints of #335aea

Tones of #335aea

Color Blindness Simulator