#224696 Color Information
In a RGB color space, hex #224696 is composed of 13.3% red, 27.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 53.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 221.4 degrees, a saturation of 63% and a lightness of 36.1%. #224696 color hex could be obtained by blending #448cff with #00002d. Closest websafe color is: #333399.
-
- R 13
- G 27
- B 59
-
- C 77
- M 53
- Y 0
- K 41
● #224696 color description : Dark blue.
#224696 Color Conversion
The hexadecimal color #224696 has RGB values of R:34, G:70, B:150 and CMYK values of C:0.77, M:0.53, Y:0, K:0.41. Its decimal value is 2246294.
Hex triplet | 224696 | #224696 |
---|---|---|
RGB Decimal | 34, 70, 150 | rgb(34,70,150) |
RGB Percent | 13.3, 27.5, 58.8 | rgb(13.3%,27.5%,58.8%) |
CMYK | 77, 53, 0, 41 | |
HSL | 221.4°, 63, 36.1 | hsl(221.4,63%,36.1%) |
HSV (or HSB) | 221.4°, 77.3, 58.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.628, 17.011, -47.659 |
---|---|
XYZ | 8.354, 6.922, 29.748 |
xyY | 0.186, 0.154, 6.922 |
CIE-LCH | 31.628, 50.604, 289.643 |
CIE-LUV | 31.628, -13.136, -65.4 |
Hunter-Lab | 26.309, 10.636, -48.623 |
Binary | 00100010, 01000110, 10010110 |
Color Schemes with #224696
Alternatives to #224696
Below, you can see some colors close to #224696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224696 Preview
This text has a font color of #224696.
<span style="color:#224696;">Text here</span>
This paragraph has a background color of #224696.
<p style="background-color:#224696;">Content here</p>
This element has a border color of #224696.
<div style="border:1px solid #224696;">Content here</div>
.text {color:#224696;}
.background {background-color:#224696;}
.border {border:1px solid #224696;}
Shades and Tints of #224696
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, #010306 is the darkest color, while #f5f7fd is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#050a16
#050a16
rgb(5,10,22)
-
#091226
#091226
rgb(9,18,38)
-
#0c1936
#0c1936
rgb(12,25,54)
-
#102146
#102146
rgb(16,33,70)
-
#142856
#142856
rgb(20,40,86)
-
#173066
#173066
rgb(23,48,102)
-
#1b3776
#1b3776
rgb(27,55,118)
-
#1e3f86
#1e3f86
rgb(30,63,134)
-
#224696
#224696
rgb(34,70,150)
-
#264da6
#264da6
rgb(38,77,166)
-
#2955b6
#2955b6
rgb(41,85,182)
-
#2d5cc6
#2d5cc6
rgb(45,92,198)
-
#3566d1
#3566d1
rgb(53,102,209)
-
#4572d5
#4572d5
rgb(69,114,213)
-
#557ed9
#557ed9
rgb(85,126,217)
-
#658adc
#658adc
rgb(101,138,220)
-
#7596e0
#7596e0
rgb(117,150,224)
-
#85a2e3
#85a2e3
rgb(133,162,227)
-
#95afe7
#95afe7
rgb(149,175,231)
-
#a5bbeb
#a5bbeb
rgb(165,187,235)
-
#b5c7ee
#b5c7ee
rgb(181,199,238)
-
#c5d3f2
#c5d3f2
rgb(197,211,242)
-
#d5dff6
#d5dff6
rgb(213,223,246)
-
#e5ebf9
#e5ebf9
rgb(229,235,249)
-
#f5f7fd
#f5f7fd
rgb(245,247,253)
Tones of #224696
A tone is produced by adding gray to any pure hue. In this case, #5b5b5d is the less saturated color, while #063bb2 is the most saturated one.
-
#5b5b5d
#5b5b5d
rgb(91,91,93)
-
#545964
#545964
rgb(84,89,100)
-
#4c566c
#4c566c
rgb(76,86,108)
-
#455373
#455373
rgb(69,83,115)
-
#3e517a
#3e517a
rgb(62,81,122)
-
#374e81
#374e81
rgb(55,78,129)
-
#304b88
#304b88
rgb(48,75,136)
-
#29498f
#29498f
rgb(41,73,143)
-
#224696
#224696
rgb(34,70,150)
-
#1b439d
#1b439d
rgb(27,67,157)
-
#1441a4
#1441a4
rgb(20,65,164)
-
#0d3eab
#0d3eab
rgb(13,62,171)
-
#063bb2
#063bb2
rgb(6,59,178)
Color Blindness Simulator
Below, you can see how #224696 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.