#31228e Color Information
In a RGB color space, hex #31228e is composed of 19.2% red, 13.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 76.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 248.3 degrees, a saturation of 61.4% and a lightness of 34.5%. #31228e color hex could be obtained by blending #6244ff with #00001d. Closest websafe color is: #333399.
-
- R 19
- G 13
- B 56
-
- C 65
- M 76
- Y 0
- K 44
● #31228e color description : Dark blue.
#31228e Color Conversion
The hexadecimal color #31228e has RGB values of R:49, G:34, B:142 and CMYK values of C:0.65, M:0.76, Y:0, K:0.44. Its decimal value is 3220110.
| Hex triplet | 31228e | #31228e |
|---|---|---|
| RGB Decimal | 49, 34, 142 | rgb(49,34,142) |
| RGB Percent | 19.2, 13.3, 55.7 | rgb(19.2%,13.3%,55.7%) |
| CMYK | 65, 76, 0, 44 | |
| HSL | 248.3°, 61.4, 34.5 | hsl(248.3,61.4%,34.5%) |
| HSV (or HSB) | 248.3°, 76.1, 55.7 | |
| Web Safe | 333399 | #333399 |
| CIE-LAB | 22.826, 39.398, -57.073 |
|---|---|
| XYZ | 6.72, 3.75, 25.959 |
| xyY | 0.184, 0.103, 3.75 |
| CIE-LCH | 22.826, 69.351, 304.618 |
| CIE-LUV | 22.826, -2.073, -67.873 |
| Hunter-Lab | 19.364, 28.06, -65.928 |
| Binary | 00110001, 00100010, 10001110 |
Color Schemes with #31228e
Alternatives to #31228e
Below, you can see some colors close to #31228e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31228e Preview
This text has a font color of #31228e.
<span style="color:#31228e;">Text here</span>
This paragraph has a background color of #31228e.
<p style="background-color:#31228e;">Content here</p>
This element has a border color of #31228e.
<div style="border:1px solid #31228e;">Content here</div>
.text {color:#31228e;}
.background {background-color:#31228e;}
.border {border:1px solid #31228e;}
Shades and Tints of #31228e
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, #05040f is the darkest color, while #ffffff is the lightest one.
-
#05040f
#05040frgb(5,4,15) -
#0b071f
#0b071frgb(11,7,31) -
#100b2f
#100b2frgb(16,11,47) -
#160f3f
#160f3frgb(22,15,63) -
#1b134f
#1b134frgb(27,19,79) -
#21175f
#21175frgb(33,23,95) -
#261a6e
#261a6ergb(38,26,110) -
#2c1e7e
#2c1e7ergb(44,30,126) -
#31228e
#31228ergb(49,34,142) -
#36269e
#36269ergb(54,38,158) -
#3c2aae
#3c2aaergb(60,42,174) -
#412dbd
#412dbdrgb(65,45,189) -
#4731cd
#4731cdrgb(71,49,205)
-
#5541d1
#5541d1rgb(85,65,209) -
#6350d5
#6350d5rgb(99,80,213) -
#7160d9
#7160d9rgb(113,96,217) -
#7f70dd
#7f70ddrgb(127,112,221) -
#8d80e1
#8d80e1rgb(141,128,225) -
#9c90e4
#9c90e4rgb(156,144,228) -
#aaa0e8
#aaa0e8rgb(170,160,232) -
#b8afec
#b8afecrgb(184,175,236) -
#c6bff0
#c6bff0rgb(198,191,240) -
#d4cff4
#d4cff4rgb(212,207,244) -
#e2dff7
#e2dff7rgb(226,223,247) -
#f0effb
#f0effbrgb(240,239,251) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #31228e
A tone is produced by adding gray to any pure hue. In this case, #53515f is the less saturated color, while #1900b0 is the most saturated one.
-
#53515f
#53515frgb(83,81,95) -
#4e4b65
#4e4b65rgb(78,75,101) -
#49446c
#49446crgb(73,68,108) -
#453d73
#453d73rgb(69,61,115) -
#40367a
#40367argb(64,54,122) -
#3b3080
#3b3080rgb(59,48,128) -
#362987
#362987rgb(54,41,135) -
#31228e
#31228ergb(49,34,142) -
#2c1b95
#2c1b95rgb(44,27,149) -
#27149c
#27149crgb(39,20,156) -
#220ea2
#220ea2rgb(34,14,162) -
#1d07a9
#1d07a9rgb(29,7,169) -
#1900b0
#1900b0rgb(25,0,176)
Color Blindness Simulator
Below, you can see how #31228e 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.
