#333166 Color Information
In a RGB color space, hex #333166 is composed of 20% red, 19.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 52% magenta, 0% yellow and 60% black. It has a hue angle of 242.3 degrees, a saturation of 35.1% and a lightness of 29.6%. #333166 color hex could be obtained by blending #6662cc with #000000. Closest websafe color is: #333366.
-
- R 20
- G 19
- B 40
-
- C 50
- M 52
- Y 0
- K 60
● #333166 color description : Very dark desaturated blue.
#333166 Color Conversion
The hexadecimal color #333166 has RGB values of R:51, G:49, B:102 and CMYK values of C:0.5, M:0.52, Y:0, K:0.6. Its decimal value is 3354982.
Hex triplet | 333166 | #333166 |
---|---|---|
RGB Decimal | 51, 49, 102 | rgb(51,49,102) |
RGB Percent | 20, 19.2, 40 | rgb(20%,19.2%,40%) |
CMYK | 50, 52, 0, 60 | |
HSL | 242.3°, 35.1, 29.6 | hsl(242.3,35.1%,29.6%) |
HSV (or HSB) | 242.3°, 52, 40 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 23.202, 16.626, -31.04 |
---|---|
XYZ | 4.861, 3.86, 13.058 |
xyY | 0.223, 0.177, 3.86 |
CIE-LCH | 23.202, 35.213, 298.175 |
CIE-LUV | 23.202, -2.132, -38.473 |
Hunter-Lab | 19.646, 9.789, -25.658 |
Binary | 00110011, 00110001, 01100110 |
Color Schemes with #333166
Alternatives to #333166
Below, you can see some colors close to #333166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333166 Preview
This text has a font color of #333166.
<span style="color:#333166;">Text here</span>
This paragraph has a background color of #333166.
<p style="background-color:#333166;">Content here</p>
This element has a border color of #333166.
<div style="border:1px solid #333166;">Content here</div>
.text {color:#333166;}
.background {background-color:#333166;}
.border {border:1px solid #333166;}
Shades and Tints of #333166
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, #050409 is the darkest color, while #fbfbfd is the lightest one.
-
#050409
#050409
rgb(5,4,9)
-
#0b0b16
#0b0b16
rgb(11,11,22)
-
#121124
#121124
rgb(18,17,36)
-
#181831
#181831
rgb(24,24,49)
-
#1f1e3e
#1f1e3e
rgb(31,30,62)
-
#26244b
#26244b
rgb(38,36,75)
-
#2c2b59
#2c2b59
rgb(44,43,89)
-
#333166
#333166
rgb(51,49,102)
-
#3a3773
#3a3773
rgb(58,55,115)
-
#403e81
#403e81
rgb(64,62,129)
-
#47448e
#47448e
rgb(71,68,142)
-
#4e4a9b
#4e4a9b
rgb(78,74,155)
-
#5451a8
#5451a8
rgb(84,81,168)
-
#5f5cb1
#5f5cb1
rgb(95,92,177)
-
#6c69b7
#6c69b7
rgb(108,105,183)
-
#7976bd
#7976bd
rgb(121,118,189)
-
#8684c4
#8684c4
rgb(134,132,196)
-
#9391ca
#9391ca
rgb(147,145,202)
-
#a09ed1
#a09ed1
rgb(160,158,209)
-
#adabd7
#adabd7
rgb(173,171,215)
-
#bab9dd
#bab9dd
rgb(186,185,221)
-
#c7c6e4
#c7c6e4
rgb(199,198,228)
-
#d4d3ea
#d4d3ea
rgb(212,211,234)
-
#e1e0f0
#e1e0f0
rgb(225,224,240)
-
#eeeef7
#eeeef7
rgb(238,238,247)
-
#fbfbfd
#fbfbfd
rgb(251,251,253)
Tones of #333166
A tone is produced by adding gray to any pure hue. In this case, #48484f is the less saturated color, while #080394 is the most saturated one.
-
#48484f
#48484f
rgb(72,72,79)
-
#434255
#434255
rgb(67,66,85)
-
#3e3d5a
#3e3d5a
rgb(62,61,90)
-
#383760
#383760
rgb(56,55,96)
-
#333166
#333166
rgb(51,49,102)
-
#2e2b6c
#2e2b6c
rgb(46,43,108)
-
#282572
#282572
rgb(40,37,114)
-
#232077
#232077
rgb(35,32,119)
-
#1e1a7d
#1e1a7d
rgb(30,26,125)
-
#181483
#181483
rgb(24,20,131)
-
#130e89
#130e89
rgb(19,14,137)
-
#0d088f
#0d088f
rgb(13,8,143)
-
#080394
#080394
rgb(8,3,148)
Color Blindness Simulator
Below, you can see how #333166 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.