#333696 Color Information
In a RGB color space, hex #333696 is composed of 20% red, 21.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 64% magenta, 0% yellow and 41.2% black. It has a hue angle of 238.2 degrees, a saturation of 49.3% and a lightness of 39.4%. #333696 color hex could be obtained by blending #666cff with #00002d. Closest websafe color is: #333399.
-
- R 20
- G 21
- B 59
-
- C 66
- M 64
- Y 0
- K 41
● #333696 color description : Dark moderate blue.
#333696 Color Conversion
The hexadecimal color #333696 has RGB values of R:51, G:54, B:150 and CMYK values of C:0.66, M:0.64, Y:0, K:0.41. Its decimal value is 3356310.
Hex triplet | 333696 | #333696 |
---|---|---|
RGB Decimal | 51, 54, 150 | rgb(51,54,150) |
RGB Percent | 20, 21.2, 58.8 | rgb(20%,21.2%,58.8%) |
CMYK | 66, 64, 0, 41 | |
HSL | 238.2°, 49.3, 39.4 | hsl(238.2,49.3%,39.4%) |
HSV (or HSB) | 238.2°, 66, 58.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 28.231, 30.178, -53.142 |
---|---|
XYZ | 8.188, 5.544, 29.491 |
xyY | 0.189, 0.128, 5.544 |
CIE-LCH | 28.231, 61.113, 299.592 |
CIE-LUV | 28.231, -5.759, -70.049 |
Hunter-Lab | 23.545, 20.873, -57.781 |
Binary | 00110011, 00110110, 10010110 |
Color Schemes with #333696
Alternatives to #333696
Below, you can see some colors close to #333696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333696 Preview
This text has a font color of #333696.
<span style="color:#333696;">Text here</span>
This paragraph has a background color of #333696.
<p style="background-color:#333696;">Content here</p>
This element has a border color of #333696.
<div style="border:1px solid #333696;">Content here</div>
.text {color:#333696;}
.background {background-color:#333696;}
.border {border:1px solid #333696;}
Shades and Tints of #333696
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, #010104 is the darkest color, while #f4f4fb is the lightest one.
-
#010104
#010104
rgb(1,1,4)
-
#060712
#060712
rgb(6,7,18)
-
#0b0c21
#0b0c21
rgb(11,12,33)
-
#101130
#101130
rgb(16,17,48)
-
#15163e
#15163e
rgb(21,22,62)
-
#1a1c4d
#1a1c4d
rgb(26,28,77)
-
#1f215b
#1f215b
rgb(31,33,91)
-
#24266a
#24266a
rgb(36,38,106)
-
#292b79
#292b79
rgb(41,43,121)
-
#2e3187
#2e3187
rgb(46,49,135)
-
#333696
#333696
rgb(51,54,150)
-
#383ba5
#383ba5
rgb(56,59,165)
-
#3d41b3
#3d41b3
rgb(61,65,179)
-
#4448c0
#4448c0
rgb(68,72,192)
-
#5356c5
#5356c5
rgb(83,86,197)
-
#6265c9
#6265c9
rgb(98,101,201)
-
#7073ce
#7073ce
rgb(112,115,206)
-
#7f81d3
#7f81d3
rgb(127,129,211)
-
#8e90d8
#8e90d8
rgb(142,144,216)
-
#9c9edd
#9c9edd
rgb(156,158,221)
-
#abace2
#abace2
rgb(171,172,226)
-
#b9bbe7
#b9bbe7
rgb(185,187,231)
-
#c8c9ec
#c8c9ec
rgb(200,201,236)
-
#d7d8f1
#d7d8f1
rgb(215,216,241)
-
#e5e6f6
#e5e6f6
rgb(229,230,246)
-
#f4f4fb
#f4f4fb
rgb(244,244,251)
Tones of #333696
A tone is produced by adding gray to any pure hue. In this case, #616268 is the less saturated color, while #050ac4 is the most saturated one.
-
#616268
#616268
rgb(97,98,104)
-
#5a5a6f
#5a5a6f
rgb(90,90,111)
-
#525377
#525377
rgb(82,83,119)
-
#4a4c7f
#4a4c7f
rgb(74,76,127)
-
#424587
#424587
rgb(66,69,135)
-
#3b3d8e
#3b3d8e
rgb(59,61,142)
-
#333696
#333696
rgb(51,54,150)
-
#2b2f9e
#2b2f9e
rgb(43,47,158)
-
#2427a5
#2427a5
rgb(36,39,165)
-
#1c20ad
#1c20ad
rgb(28,32,173)
-
#1419b5
#1419b5
rgb(20,25,181)
-
#0c12bd
#0c12bd
rgb(12,18,189)
-
#050ac4
#050ac4
rgb(5,10,196)
Color Blindness Simulator
Below, you can see how #333696 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.