#33486b Color Information
In a RGB color space, hex #33486b is composed of 20% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 32.7% magenta, 0% yellow and 58% black. It has a hue angle of 217.5 degrees, a saturation of 35.4% and a lightness of 31%. #33486b color hex could be obtained by blending #6690d6 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 28
- B 42
-
- C 52
- M 33
- Y 0
- K 58
● #33486b color description : Very dark desaturated blue.
#33486b Color Conversion
The hexadecimal color #33486b has RGB values of R:51, G:72, B:107 and CMYK values of C:0.52, M:0.33, Y:0, K:0.58. Its decimal value is 3360875.
Hex triplet | 33486b | #33486b |
---|---|---|
RGB Decimal | 51, 72, 107 | rgb(51,72,107) |
RGB Percent | 20, 28.2, 42 | rgb(20%,28.2%,42%) |
CMYK | 52, 33, 0, 58 | |
HSL | 217.5°, 35.4, 31 | hsl(217.5,35.4%,31%) |
HSV (or HSB) | 217.5°, 52.3, 42 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.399, 2.736, -22.858 |
---|---|
XYZ | 6.336, 6.4, 14.811 |
xyY | 0.23, 0.232, 6.4 |
CIE-LCH | 30.399, 23.021, 276.826 |
CIE-LUV | 30.399, -9.942, -29.989 |
Hunter-Lab | 25.298, 0.434, -17.003 |
Binary | 00110011, 01001000, 01101011 |
Color Schemes with #33486b
Alternatives to #33486b
Below, you can see some colors close to #33486b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33486b Preview
This text has a font color of #33486b.
<span style="color:#33486b;">Text here</span>
This paragraph has a background color of #33486b.
<p style="background-color:#33486b;">Content here</p>
This element has a border color of #33486b.
<div style="border:1px solid #33486b;">Content here</div>
.text {color:#33486b;}
.background {background-color:#33486b;}
.border {border:1px solid #33486b;}
Shades and Tints of #33486b
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, #000001 is the darkest color, while #f2f5f9 is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#07090e
#07090e
rgb(7,9,14)
-
#0d121b
#0d121b
rgb(13,18,27)
-
#131b29
#131b29
rgb(19,27,41)
-
#1a2436
#1a2436
rgb(26,36,54)
-
#202d43
#202d43
rgb(32,45,67)
-
#263650
#263650
rgb(38,54,80)
-
#2d3f5e
#2d3f5e
rgb(45,63,94)
-
#33486b
#33486b
rgb(51,72,107)
-
#395178
#395178
rgb(57,81,120)
-
#405a86
#405a86
rgb(64,90,134)
-
#466393
#466393
rgb(70,99,147)
-
#4c6ca0
#4c6ca0
rgb(76,108,160)
-
#5375ad
#5375ad
rgb(83,117,173)
-
#607fb3
#607fb3
rgb(96,127,179)
-
#6e8aba
#6e8aba
rgb(110,138,186)
-
#7b95c0
#7b95c0
rgb(123,149,192)
-
#889fc6
#889fc6
rgb(136,159,198)
-
#95aacd
#95aacd
rgb(149,170,205)
-
#a3b5d3
#a3b5d3
rgb(163,181,211)
-
#b0c0d9
#b0c0d9
rgb(176,192,217)
-
#bdcae0
#bdcae0
rgb(189,202,224)
-
#cbd5e6
#cbd5e6
rgb(203,213,230)
-
#d8e0ec
#d8e0ec
rgb(216,224,236)
-
#e5eaf3
#e5eaf3
rgb(229,234,243)
-
#f2f5f9
#f2f5f9
rgb(242,245,249)
Tones of #33486b
A tone is produced by adding gray to any pure hue. In this case, #4b4e53 is the less saturated color, while #023c9c is the most saturated one.
-
#4b4e53
#4b4e53
rgb(75,78,83)
-
#454d59
#454d59
rgb(69,77,89)
-
#3f4b5f
#3f4b5f
rgb(63,75,95)
-
#394a65
#394a65
rgb(57,74,101)
-
#33486b
#33486b
rgb(51,72,107)
-
#2d4671
#2d4671
rgb(45,70,113)
-
#274577
#274577
rgb(39,69,119)
-
#21437d
#21437d
rgb(33,67,125)
-
#1b4283
#1b4283
rgb(27,66,131)
-
#154089
#154089
rgb(21,64,137)
-
#0f3f8f
#0f3f8f
rgb(15,63,143)
-
#083d96
#083d96
rgb(8,61,150)
-
#023c9c
#023c9c
rgb(2,60,156)
Color Blindness Simulator
Below, you can see how #33486b 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.