#333caf Color Information
In a RGB color space, hex #333caf is composed of 20% red, 23.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 65.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 235.6 degrees, a saturation of 54.9% and a lightness of 44.3%. #333caf color hex could be obtained by blending #6678ff with #00005f. Closest websafe color is: #333399.
-
- R 20
- G 24
- B 69
-
- C 71
- M 66
- Y 0
- K 31
● #333caf color description : Dark blue.
#333caf Color Conversion
The hexadecimal color #333caf has RGB values of R:51, G:60, B:175 and CMYK values of C:0.71, M:0.66, Y:0, K:0.31. Its decimal value is 3357871.
Hex triplet | 333caf | #333caf |
---|---|---|
RGB Decimal | 51, 60, 175 | rgb(51,60,175) |
RGB Percent | 20, 23.5, 68.6 | rgb(20%,23.5%,68.6%) |
CMYK | 71, 66, 0, 31 | |
HSL | 235.6°, 54.9, 44.3 | hsl(235.6,54.9%,44.3%) |
HSV (or HSB) | 235.6°, 70.9, 68.6 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.875, 35.199, -62.287 |
---|---|
XYZ | 10.717, 7.03, 41.347 |
xyY | 0.181, 0.119, 7.03 |
CIE-LCH | 31.875, 71.544, 299.471 |
CIE-LUV | 31.875, -8.028, -84.922 |
Hunter-Lab | 26.514, 25.752, -73.899 |
Binary | 00110011, 00111100, 10101111 |
Color Schemes with #333caf
Alternatives to #333caf
Below, you can see some colors close to #333caf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333caf Preview
This text has a font color of #333caf.
<span style="color:#333caf;">Text here</span>
This paragraph has a background color of #333caf.
<p style="background-color:#333caf;">Content here</p>
This element has a border color of #333caf.
<div style="border:1px solid #333caf;">Content here</div>
.text {color:#333caf;}
.background {background-color:#333caf;}
.border {border:1px solid #333caf;}
Shades and Tints of #333caf
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, #020308 is the darkest color, while #f8f8fd is the lightest one.
-
#020308
#020308
rgb(2,3,8)
-
#070817
#070817
rgb(7,8,23)
-
#0b0d26
#0b0d26
rgb(11,13,38)
-
#101235
#101235
rgb(16,18,53)
-
#141845
#141845
rgb(20,24,69)
-
#181d54
#181d54
rgb(24,29,84)
-
#1d2263
#1d2263
rgb(29,34,99)
-
#212772
#212772
rgb(33,39,114)
-
#262c81
#262c81
rgb(38,44,129)
-
#2a3291
#2a3291
rgb(42,50,145)
-
#2f37a0
#2f37a0
rgb(47,55,160)
-
#333caf
#333caf
rgb(51,60,175)
-
#3741be
#3741be
rgb(55,65,190)
-
#414bc8
#414bc8
rgb(65,75,200)
-
#515acc
#515acc
rgb(81,90,204)
-
#6068d1
#6068d1
rgb(96,104,209)
-
#6f76d5
#6f76d5
rgb(111,118,213)
-
#7e85d9
#7e85d9
rgb(126,133,217)
-
#8d93de
#8d93de
rgb(141,147,222)
-
#9da2e2
#9da2e2
rgb(157,162,226)
-
#acb0e7
#acb0e7
rgb(172,176,231)
-
#bbbeeb
#bbbeeb
rgb(187,190,235)
-
#cacdf0
#cacdf0
rgb(202,205,240)
-
#d9dbf4
#d9dbf4
rgb(217,219,244)
-
#e9eaf8
#e9eaf8
rgb(233,234,248)
-
#f8f8fd
#f8f8fd
rgb(248,248,253)
Tones of #333caf
A tone is produced by adding gray to any pure hue. In this case, #707072 is the less saturated color, while #0817da is the most saturated one.
-
#707072
#707072
rgb(112,112,114)
-
#67697b
#67697b
rgb(103,105,123)
-
#5e6184
#5e6184
rgb(94,97,132)
-
#565a8c
#565a8c
rgb(86,90,140)
-
#4d5295
#4d5295
rgb(77,82,149)
-
#444b9e
#444b9e
rgb(68,75,158)
-
#3c43a6
#3c43a6
rgb(60,67,166)
-
#333caf
#333caf
rgb(51,60,175)
-
#2a35b8
#2a35b8
rgb(42,53,184)
-
#222dc0
#222dc0
rgb(34,45,192)
-
#1926c9
#1926c9
rgb(25,38,201)
-
#101ed2
#101ed2
rgb(16,30,210)
-
#0817da
#0817da
rgb(8,23,218)
Color Blindness Simulator
Below, you can see how #333caf 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.