#2224b2 Color Information
In a RGB color space, hex #2224b2 is composed of 13.3% red, 14.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 79.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 239.2 degrees, a saturation of 67.9% and a lightness of 41.6%. #2224b2 color hex could be obtained by blending #4448ff with #000065. Closest websafe color is: #333399.
-
- R 13
- G 14
- B 70
-
- C 81
- M 80
- Y 0
- K 30
● #2224b2 color description : Dark blue.
#2224b2 Color Conversion
The hexadecimal color #2224b2 has RGB values of R:34, G:36, B:178 and CMYK values of C:0.81, M:0.8, Y:0, K:0.3. Its decimal value is 2237618.
Hex triplet | 2224b2 | #2224b2 |
---|---|---|
RGB Decimal | 34, 36, 178 | rgb(34,36,178) |
RGB Percent | 13.3, 14.1, 69.8 | rgb(13.3%,14.1%,69.8%) |
CMYK | 81, 80, 0, 30 | |
HSL | 239.2°, 67.9, 41.6 | hsl(239.2,67.9%,41.6%) |
HSV (or HSB) | 239.2°, 80.9, 69.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 26.203, 48.698, -73.464 |
---|---|
XYZ | 9.325, 4.816, 42.555 |
xyY | 0.164, 0.085, 4.816 |
CIE-LCH | 26.203, 88.138, 303.54 |
CIE-LUV | 26.203, -6.664, -88.97 |
Hunter-Lab | 21.944, 37.447, -99.616 |
Binary | 00100010, 00100100, 10110010 |
Color Schemes with #2224b2
Alternatives to #2224b2
Below, you can see some colors close to #2224b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2224b2 Preview
This text has a font color of #2224b2.
<span style="color:#2224b2;">Text here</span>
This paragraph has a background color of #2224b2.
<p style="background-color:#2224b2;">Content here</p>
This element has a border color of #2224b2.
<div style="border:1px solid #2224b2;">Content here</div>
.text {color:#2224b2;}
.background {background-color:#2224b2;}
.border {border:1px solid #2224b2;}
Shades and Tints of #2224b2
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, #03030d is the darkest color, while #fcfcfe is the lightest one.
-
#03030d
#03030d
rgb(3,3,13)
-
#06061e
#06061e
rgb(6,6,30)
-
#09092e
#09092e
rgb(9,9,46)
-
#0c0d3f
#0c0d3f
rgb(12,13,63)
-
#0f104f
#0f104f
rgb(15,16,79)
-
#121360
#121360
rgb(18,19,96)
-
#151770
#151770
rgb(21,23,112)
-
#191a81
#191a81
rgb(25,26,129)
-
#1c1d91
#1c1d91
rgb(28,29,145)
-
#1f21a2
#1f21a2
rgb(31,33,162)
-
#2224b2
#2224b2
rgb(34,36,178)
-
#2527c2
#2527c2
rgb(37,39,194)
-
#282bd3
#282bd3
rgb(40,43,211)
-
#3638d9
#3638d9
rgb(54,56,217)
-
#4749dc
#4749dc
rgb(71,73,220)
-
#5759df
#5759df
rgb(87,89,223)
-
#6869e2
#6869e2
rgb(104,105,226)
-
#787ae5
#787ae5
rgb(120,122,229)
-
#898ae8
#898ae8
rgb(137,138,232)
-
#999aec
#999aec
rgb(153,154,236)
-
#a9aaef
#a9aaef
rgb(169,170,239)
-
#babbf2
#babbf2
rgb(186,187,242)
-
#cacbf5
#cacbf5
rgb(202,203,245)
-
#dbdbf8
#dbdbf8
rgb(219,219,248)
-
#ebecfb
#ebecfb
rgb(235,236,251)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #2224b2
A tone is produced by adding gray to any pure hue. In this case, #636371 is the less saturated color, while #0104d3 is the most saturated one.
-
#636371
#636371
rgb(99,99,113)
-
#5b5b79
#5b5b79
rgb(91,91,121)
-
#535481
#535481
rgb(83,84,129)
-
#4b4c89
#4b4c89
rgb(75,76,137)
-
#434491
#434491
rgb(67,68,145)
-
#3a3c9a
#3a3c9a
rgb(58,60,154)
-
#3234a2
#3234a2
rgb(50,52,162)
-
#2a2caa
#2a2caa
rgb(42,44,170)
-
#2224b2
#2224b2
rgb(34,36,178)
-
#1a1cba
#1a1cba
rgb(26,28,186)
-
#1214c2
#1214c2
rgb(18,20,194)
-
#0a0cca
#0a0cca
rgb(10,12,202)
-
#0104d3
#0104d3
rgb(1,4,211)
Color Blindness Simulator
Below, you can see how #2224b2 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.