#335bb1 Color Information
In a RGB color space, hex #335bb1 is composed of 20% red, 35.7% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 48.6% magenta, 0% yellow and 30.6% black. It has a hue angle of 221 degrees, a saturation of 55.3% and a lightness of 44.7%. #335bb1 color hex could be obtained by blending #66b6ff with #000063. Closest websafe color is: #336699.
-
- R 20
- G 36
- B 69
-
- C 71
- M 49
- Y 0
- K 31
● #335bb1 color description : Dark blue.
#335bb1 Color Conversion
The hexadecimal color #335bb1 has RGB values of R:51, G:91, B:177 and CMYK values of C:0.71, M:0.49, Y:0, K:0.31. Its decimal value is 3365809.
Hex triplet | 335bb1 | #335bb1 |
---|---|---|
RGB Decimal | 51, 91, 177 | rgb(51,91,177) |
RGB Percent | 20, 35.7, 69.4 | rgb(20%,35.7%,69.4%) |
CMYK | 71, 49, 0, 31 | |
HSL | 221°, 55.3, 44.7 | hsl(221,55.3%,44.7%) |
HSV (or HSB) | 221°, 71.2, 69.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.179, 15.73, -49.985 |
---|---|
XYZ | 13.04, 11.359, 43.098 |
xyY | 0.193, 0.168, 11.359 |
CIE-LCH | 40.179, 52.402, 287.468 |
CIE-LUV | 40.179, -16.215, -73.869 |
Hunter-Lab | 33.704, 10.082, -52.223 |
Binary | 00110011, 01011011, 10110001 |
Color Schemes with #335bb1
Alternatives to #335bb1
Below, you can see some colors close to #335bb1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335bb1 Preview
This text has a font color of #335bb1.
<span style="color:#335bb1;">Text here</span>
This paragraph has a background color of #335bb1.
<p style="background-color:#335bb1;">Content here</p>
This element has a border color of #335bb1.
<div style="border:1px solid #335bb1;">Content here</div>
.text {color:#335bb1;}
.background {background-color:#335bb1;}
.border {border:1px solid #335bb1;}
Shades and Tints of #335bb1
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, #030509 is the darkest color, while #f9fbfd is the lightest one.
-
#030509
#030509
rgb(3,5,9)
-
#070d19
#070d19
rgb(7,13,25)
-
#0c1528
#0c1528
rgb(12,21,40)
-
#101c37
#101c37
rgb(16,28,55)
-
#142446
#142446
rgb(20,36,70)
-
#192c56
#192c56
rgb(25,44,86)
-
#1d3465
#1d3465
rgb(29,52,101)
-
#213c74
#213c74
rgb(33,60,116)
-
#264483
#264483
rgb(38,68,131)
-
#2a4b93
#2a4b93
rgb(42,75,147)
-
#2f53a2
#2f53a2
rgb(47,83,162)
-
#335bb1
#335bb1
rgb(51,91,177)
-
#3763c0
#3763c0
rgb(55,99,192)
-
#436dc9
#436dc9
rgb(67,109,201)
-
#5279cd
#5279cd
rgb(82,121,205)
-
#6185d1
#6185d1
rgb(97,133,209)
-
#7090d6
#7090d6
rgb(112,144,214)
-
#7f9cda
#7f9cda
rgb(127,156,218)
-
#8fa8df
#8fa8df
rgb(143,168,223)
-
#9eb4e3
#9eb4e3
rgb(158,180,227)
-
#adc0e7
#adc0e7
rgb(173,192,231)
-
#bccbec
#bccbec
rgb(188,203,236)
-
#ccd7f0
#ccd7f0
rgb(204,215,240)
-
#dbe3f5
#dbe3f5
rgb(219,227,245)
-
#eaeff9
#eaeff9
rgb(234,239,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #335bb1
A tone is produced by adding gray to any pure hue. In this case, #707174 is the less saturated color, while #074bdd is the most saturated one.
-
#707174
#707174
rgb(112,113,116)
-
#686e7c
#686e7c
rgb(104,110,124)
-
#5f6b85
#5f6b85
rgb(95,107,133)
-
#56688e
#56688e
rgb(86,104,142)
-
#4d6597
#4d6597
rgb(77,101,151)
-
#45619f
#45619f
rgb(69,97,159)
-
#3c5ea8
#3c5ea8
rgb(60,94,168)
-
#335bb1
#335bb1
rgb(51,91,177)
-
#2a58ba
#2a58ba
rgb(42,88,186)
-
#2155c3
#2155c3
rgb(33,85,195)
-
#1951cb
#1951cb
rgb(25,81,203)
-
#104ed4
#104ed4
rgb(16,78,212)
-
#074bdd
#074bdd
rgb(7,75,221)
Color Blindness Simulator
Below, you can see how #335bb1 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.