#2f3356 Color Information
In a RGB color space, hex #2f3356 is composed of 18.4% red, 20% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 40.7% magenta, 0% yellow and 66.3% black. It has a hue angle of 233.8 degrees, a saturation of 29.3% and a lightness of 26.1%. #2f3356 color hex could be obtained by blending #5e66ac with #000000. Closest websafe color is: #333366.
-
- R 18
- G 20
- B 34
-
- C 45
- M 41
- Y 0
- K 66
● #2f3356 color description : Very dark desaturated blue.
#2f3356 Color Conversion
The hexadecimal color #2f3356 has RGB values of R:47, G:51, B:86 and CMYK values of C:0.45, M:0.41, Y:0, K:0.66. Its decimal value is 3093334.
Hex triplet | 2f3356 | #2f3356 |
---|---|---|
RGB Decimal | 47, 51, 86 | rgb(47,51,86) |
RGB Percent | 18.4, 20, 33.7 | rgb(18.4%,20%,33.7%) |
CMYK | 45, 41, 0, 66 | |
HSL | 233.8°, 29.3, 26.1 | hsl(233.8,29.3%,26.1%) |
HSV (or HSB) | 233.8°, 45.3, 33.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 22.457, 8.668, -21.756 |
---|---|
XYZ | 4.035, 3.644, 9.294 |
xyY | 0.238, 0.215, 3.644 |
CIE-LCH | 22.457, 23.419, 291.724 |
CIE-LUV | 22.457, -3.325, -26.141 |
Hunter-Lab | 19.089, 4.331, -15.506 |
Binary | 00101111, 00110011, 01010110 |
Color Schemes with #2f3356
Alternatives to #2f3356
Below, you can see some colors close to #2f3356. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f3356 Preview
This text has a font color of #2f3356.
<span style="color:#2f3356;">Text here</span>
This paragraph has a background color of #2f3356.
<p style="background-color:#2f3356;">Content here</p>
This element has a border color of #2f3356.
<div style="border:1px solid #2f3356;">Content here</div>
.text {color:#2f3356;}
.background {background-color:#2f3356;}
.border {border:1px solid #2f3356;}
Shades and Tints of #2f3356
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, #05060a is the darkest color, while #fcfcfd is the lightest one.
-
#05060a
#05060a
rgb(5,6,10)
-
#0c0d17
#0c0d17
rgb(12,13,23)
-
#131523
#131523
rgb(19,21,35)
-
#1a1c30
#1a1c30
rgb(26,28,48)
-
#21243d
#21243d
rgb(33,36,61)
-
#282b49
#282b49
rgb(40,43,73)
-
#2f3356
#2f3356
rgb(47,51,86)
-
#363b63
#363b63
rgb(54,59,99)
-
#3d426f
#3d426f
rgb(61,66,111)
-
#444a7c
#444a7c
rgb(68,74,124)
-
#4b5189
#4b5189
rgb(75,81,137)
-
#525995
#525995
rgb(82,89,149)
-
#5960a2
#5960a2
rgb(89,96,162)
-
#646baa
#646baa
rgb(100,107,170)
-
#7177b1
#7177b1
rgb(113,119,177)
-
#7d83b8
#7d83b8
rgb(125,131,184)
-
#8a90bf
#8a90bf
rgb(138,144,191)
-
#979cc6
#979cc6
rgb(151,156,198)
-
#a3a8cd
#a3a8cd
rgb(163,168,205)
-
#b0b4d4
#b0b4d4
rgb(176,180,212)
-
#bdc0db
#bdc0db
rgb(189,192,219)
-
#c9cce2
#c9cce2
rgb(201,204,226)
-
#d6d8e9
#d6d8e9
rgb(214,216,233)
-
#e3e4f0
#e3e4f0
rgb(227,228,240)
-
#f0f0f7
#f0f0f7
rgb(240,240,247)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #2f3356
A tone is produced by adding gray to any pure hue. In this case, #3e3f47 is the less saturated color, while #010e84 is the most saturated one.
-
#3e3f47
#3e3f47
rgb(62,63,71)
-
#393b4c
#393b4c
rgb(57,59,76)
-
#343751
#343751
rgb(52,55,81)
-
#2f3356
#2f3356
rgb(47,51,86)
-
#2a2f5b
#2a2f5b
rgb(42,47,91)
-
#252b60
#252b60
rgb(37,43,96)
-
#202765
#202765
rgb(32,39,101)
-
#1b236a
#1b236a
rgb(27,35,106)
-
#151f70
#151f70
rgb(21,31,112)
-
#101b75
#101b75
rgb(16,27,117)
-
#0b177a
#0b177a
rgb(11,23,122)
-
#06127f
#06127f
rgb(6,18,127)
-
#010e84
#010e84
rgb(1,14,132)
Color Blindness Simulator
Below, you can see how #2f3356 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.