#333a60 Color Information
In a RGB color space, hex #333a60 is composed of 20% red, 22.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 39.6% magenta, 0% yellow and 62.4% black. It has a hue angle of 230.7 degrees, a saturation of 30.6% and a lightness of 28.8%. #333a60 color hex could be obtained by blending #6674c0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 23
- B 38
-
- C 47
- M 40
- Y 0
- K 62
● #333a60 color description : Very dark desaturated blue.
#333a60 Color Conversion
The hexadecimal color #333a60 has RGB values of R:51, G:58, B:96 and CMYK values of C:0.47, M:0.4, Y:0, K:0.62. Its decimal value is 3357280.
Hex triplet | 333a60 | #333a60 |
---|---|---|
RGB Decimal | 51, 58, 96 | rgb(51,58,96) |
RGB Percent | 20, 22.7, 37.6 | rgb(20%,22.7%,37.6%) |
CMYK | 47, 40, 0, 62 | |
HSL | 230.7°, 30.6, 28.8 | hsl(230.7,30.6%,28.8%) |
HSV (or HSB) | 230.7°, 46.9, 37.6 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 25.486, 8.394, -23.518 |
---|---|
XYZ | 4.989, 4.574, 11.686 |
xyY | 0.235, 0.215, 4.574 |
CIE-LCH | 25.486, 24.971, 289.643 |
CIE-LUV | 25.486, -4.698, -29.641 |
Hunter-Lab | 21.388, 4.211, -17.424 |
Binary | 00110011, 00111010, 01100000 |
Color Schemes with #333a60
Alternatives to #333a60
Below, you can see some colors close to #333a60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333a60 Preview
This text has a font color of #333a60.
<span style="color:#333a60;">Text here</span>
This paragraph has a background color of #333a60.
<p style="background-color:#333a60;">Content here</p>
This element has a border color of #333a60.
<div style="border:1px solid #333a60;">Content here</div>
.text {color:#333a60;}
.background {background-color:#333a60;}
.border {border:1px solid #333a60;}
Shades and Tints of #333a60
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, #030406 is the darkest color, while #f9f9fc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#0a0c13
#0a0c13
rgb(10,12,19)
-
#111320
#111320
rgb(17,19,32)
-
#181b2d
#181b2d
rgb(24,27,45)
-
#1f233a
#1f233a
rgb(31,35,58)
-
#252b46
#252b46
rgb(37,43,70)
-
#2c3253
#2c3253
rgb(44,50,83)
-
#333a60
#333a60
rgb(51,58,96)
-
#3a426d
#3a426d
rgb(58,66,109)
-
#41497a
#41497a
rgb(65,73,122)
-
#475186
#475186
rgb(71,81,134)
-
#4e5993
#4e5993
rgb(78,89,147)
-
#5561a0
#5561a0
rgb(85,97,160)
-
#5f6aaa
#5f6aaa
rgb(95,106,170)
-
#6c76b1
#6c76b1
rgb(108,118,177)
-
#7882b8
#7882b8
rgb(120,130,184)
-
#858ebe
#858ebe
rgb(133,142,190)
-
#929ac5
#929ac5
rgb(146,154,197)
-
#9fa6cc
#9fa6cc
rgb(159,166,204)
-
#acb2d3
#acb2d3
rgb(172,178,211)
-
#b8beda
#b8beda
rgb(184,190,218)
-
#c5c9e0
#c5c9e0
rgb(197,201,224)
-
#d2d5e7
#d2d5e7
rgb(210,213,231)
-
#dfe1ee
#dfe1ee
rgb(223,225,238)
-
#ecedf5
#ecedf5
rgb(236,237,245)
-
#f9f9fc
#f9f9fc
rgb(249,249,252)
Tones of #333a60
A tone is produced by adding gray to any pure hue. In this case, #44464f is the less saturated color, while #001793 is the most saturated one.
-
#44464f
#44464f
rgb(68,70,79)
-
#3e4255
#3e4255
rgb(62,66,85)
-
#393e5a
#393e5a
rgb(57,62,90)
-
#333a60
#333a60
rgb(51,58,96)
-
#2d3666
#2d3666
rgb(45,54,102)
-
#28326b
#28326b
rgb(40,50,107)
-
#222e71
#222e71
rgb(34,46,113)
-
#1c2a77
#1c2a77
rgb(28,42,119)
-
#17277c
#17277c
rgb(23,39,124)
-
#112382
#112382
rgb(17,35,130)
-
#0b1f88
#0b1f88
rgb(11,31,136)
-
#061b8d
#061b8d
rgb(6,27,141)
-
#001793
#001793
rgb(0,23,147)
Color Blindness Simulator
Below, you can see how #333a60 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.