colorhexa.com

#335bd7 hex color

In a RGB color space, hex #335bd7 is composed of 20% red, 35.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 57.7% magenta, 0% yellow and 15.7% black. It has a hue angle of 225.4 degrees, a saturation of 67.2% and a lightness of 52.2%. #335bd7 color hex could be obtained by blending #66b6ff with #0000af. Closest websafe color is: #3366cc.

- R 20
- G 36
- B 84
RGB color chart
- C 76
- M 58
- Y 0
- K 16
CMYK color chart

● #335bd7 color description : Strong blue.

The hexadecimal color #335bd7 has RGB values of R:51, G:91, B:215 and CMYK values of C:0.76, M:0.58, Y:0, K:0.16. Its decimal value is 3365847.

Hex triplet	335bd7	`#335bd7`
RGB Decimal	51, 91, 215	`rgb(51,91,215)`
RGB Percent	20, 35.7, 84.3	`rgb(20%,35.7%,84.3%)`
CMYK	76, 58, 0, 16
HSL	225.4°, 67.2, 52.2	`hsl(225.4,67.2%,52.2%)`
HSV (or HSB)	225.4°, 76.3, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.9, 29.86, -67.622
XYZ	17.369, 13.091, 65.898
xyY	0.18, 0.136, 13.091
CIE-LCH	42.9, 73.921, 293.825
CIE-LUV	42.9, -16.156, -101.485
Hunter-Lab	36.182, 22.374, -82.658
Binary	00110011, 01011011, 11010111

#335bd7
```
#335bd7 rgb(51,91,215)
```
#d7af33
```
#d7af33 rgb(215,175,51)
```

Complementary Color

#33add7
```
#33add7 rgb(51,173,215)
```
#335bd7
```
#335bd7 rgb(51,91,215)
```
#5d33d7
```
#5d33d7 rgb(93,51,215)
```

Analogous Color

#add733
```
#add733 rgb(173,215,51)
```
#335bd7
```
#335bd7 rgb(51,91,215)
```
#d75d33
```
#d75d33 rgb(215,93,51)
```

Split Complementary Color

#5bd733
```
#5bd733 rgb(91,215,51)
```
#335bd7
```
#335bd7 rgb(51,91,215)
```
#d7335b
```
#d7335b rgb(215,51,91)
```

Triadic Color

#33d7af
```
#33d7af rgb(51,215,175)
```
#335bd7
```
#335bd7 rgb(51,91,215)
```
#d7335b
```
#d7335b rgb(215,51,91)
```
#d7af33
```
#d7af33 rgb(215,175,51)
```

Tetradic Color

#1f3e9e
```
#1f3e9e rgb(31,62,158)
```
#2346b4
```
#2346b4 rgb(35,70,180)
```
#274fc9
```
#274fc9 rgb(39,79,201)
```
#335bd7
```
#335bd7 rgb(51,91,215)
```
#486cdb
```
#486cdb rgb(72,108,219)
```
#5e7ddf
```
#5e7ddf rgb(94,125,223)
```
#738ee4
```
#738ee4 rgb(115,142,228)
```

Monochromatic Color

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

#3384d7
```
#3384d7 rgb(51,132,215)
```
#3376d7
```
#3376d7 rgb(51,118,215)
```
#3369d7
```
#3369d7 rgb(51,105,215)
```
#335bd7
```
#335bd7 rgb(51,91,215)
```
#334dd7
```
#334dd7 rgb(51,77,215)
```
#3340d7
```
#3340d7 rgb(51,64,215)
```
#3433d7
```
#3433d7 rgb(52,51,215)
```

Similar Colors

Text with hexadecimal color #335bd7

This text has a font color of #335bd7.

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

#335bd7 background color

This paragraph has a background color of #335bd7.

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

#335bd7 border color

This element has a border color of #335bd7.

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

CSS codes

.text {color:#335bd7;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#050a1a
```
#050a1a rgb(5,10,26)
```
#08102a
```
#08102a rgb(8,16,42)
```
#0b173a
```
#0b173a rgb(11,23,58)
```
#0f1d4b
```
#0f1d4b rgb(15,29,75)
```
#12245b
```
#12245b rgb(18,36,91)
```
#152a6c
```
#152a6c rgb(21,42,108)
```
#18317c
```
#18317c rgb(24,49,124)
```
#1c378c
```
#1c378c rgb(28,55,140)
```
#1f3d9d
```
#1f3d9d rgb(31,61,157)
```
#2244ad
```
#2244ad rgb(34,68,173)
```
#254abe
```
#254abe rgb(37,74,190)
```
#2851ce
```
#2851ce rgb(40,81,206)
```

Shade Color Variation

#335bd7
```
#335bd7 rgb(51,91,215)
```
#4368da
```
#4368da rgb(67,104,218)
```
#5475dd
```
#5475dd rgb(84,117,221)
```
#6483e1
```
#6483e1 rgb(100,131,225)
```
#7590e4
```
#7590e4 rgb(117,144,228)
```
#859de7
```
#859de7 rgb(133,157,231)
```
#95aaea
```
#95aaea rgb(149,170,234)
```
#a6b7ee
```
#a6b7ee rgb(166,183,238)
```
#b6c4f1
```
#b6c4f1 rgb(182,196,241)
```
#c7d2f4
```
#c7d2f4 rgb(199,210,244)
```
#d7dff7
```
#d7dff7 rgb(215,223,247)
```
#e7ecfa
```
#e7ecfa rgb(231,236,250)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e818c is the less saturated color, while #0d48fd is the most saturated one.

#7e818c
```
#7e818c rgb(126,129,140)
```
#757d95
```
#757d95 rgb(117,125,149)
```
#6b789f
```
#6b789f rgb(107,120,159)
```
#6273a8
```
#6273a8 rgb(98,115,168)
```
#596eb1
```
#596eb1 rgb(89,110,177)
```
#4f69bb
```
#4f69bb rgb(79,105,187)
```
#4665c4
```
#4665c4 rgb(70,101,196)
```
#3c60ce
```
#3c60ce rgb(60,96,206)
```
#335bd7
```
#335bd7 rgb(51,91,215)
```
#2a56e0
```
#2a56e0 rgb(42,86,224)
```
#2051ea
```
#2051ea rgb(32,81,234)
```
#174df3
```
#174df3 rgb(23,77,243)
```
#0d48fd
```
#0d48fd rgb(13,72,253)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#555d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cf Protanopia 1% of men
#006fb5 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1264d2 Protanomaly 1% of men, 0.01% of women
#1268c1 Deuteranomaly 6% of men, 0.4% of women
#126d9f Tritanomaly 0.01% of the population