#224396 Color Information
In a RGB color space, hex #224396 is composed of 13.3% red, 26.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 55.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 222.9 degrees, a saturation of 63% and a lightness of 36.1%. #224396 color hex could be obtained by blending #4486ff with #00002d. Closest websafe color is: #333399.
-
- R 13
- G 26
- B 59
-
- C 77
- M 55
- Y 0
- K 41
● #224396 color description : Dark blue.
#224396 Color Conversion
The hexadecimal color #224396 has RGB values of R:34, G:67, B:150 and CMYK values of C:0.77, M:0.55, Y:0, K:0.41. Its decimal value is 2245526.
Hex triplet | 224396 | #224396 |
---|---|---|
RGB Decimal | 34, 67, 150 | rgb(34,67,150) |
RGB Percent | 13.3, 26.3, 58.8 | rgb(13.3%,26.3%,58.8%) |
CMYK | 77, 55, 0, 41 | |
HSL | 222.9°, 63, 36.1 | hsl(222.9,63%,36.1%) |
HSV (or HSB) | 222.9°, 77.3, 58.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 30.774, 19.06, -49.044 |
---|---|
XYZ | 8.171, 6.556, 29.687 |
xyY | 0.184, 0.148, 6.556 |
CIE-LCH | 30.774, 52.618, 291.238 |
CIE-LUV | 30.774, -12.291, -66.666 |
Hunter-Lab | 25.604, 12.154, -50.822 |
Binary | 00100010, 01000011, 10010110 |
Color Schemes with #224396
Alternatives to #224396
Below, you can see some colors close to #224396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224396 Preview
This text has a font color of #224396.
<span style="color:#224396;">Text here</span>
This paragraph has a background color of #224396.
<p style="background-color:#224396;">Content here</p>
This element has a border color of #224396.
<div style="border:1px solid #224396;">Content here</div>
.text {color:#224396;}
.background {background-color:#224396;}
.border {border:1px solid #224396;}
Shades and Tints of #224396
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)
-
#091126
#091126
rgb(9,17,38)
-
#0c1836
#0c1836
rgb(12,24,54)
-
#101f46
#101f46
rgb(16,31,70)
-
#142656
#142656
rgb(20,38,86)
-
#172e66
#172e66
rgb(23,46,102)
-
#1b3576
#1b3576
rgb(27,53,118)
-
#1e3c86
#1e3c86
rgb(30,60,134)
-
#224396
#224396
rgb(34,67,150)
-
#264aa6
#264aa6
rgb(38,74,166)
-
#2951b6
#2951b6
rgb(41,81,182)
-
#2d58c6
#2d58c6
rgb(45,88,198)
-
#3562d1
#3562d1
rgb(53,98,209)
-
#456ed5
#456ed5
rgb(69,110,213)
-
#557bd9
#557bd9
rgb(85,123,217)
-
#6587dc
#6587dc
rgb(101,135,220)
-
#7593e0
#7593e0
rgb(117,147,224)
-
#85a0e3
#85a0e3
rgb(133,160,227)
-
#95ace7
#95ace7
rgb(149,172,231)
-
#a5b9eb
#a5b9eb
rgb(165,185,235)
-
#b5c5ee
#b5c5ee
rgb(181,197,238)
-
#c5d2f2
#c5d2f2
rgb(197,210,242)
-
#d5def6
#d5def6
rgb(213,222,246)
-
#e5ebf9
#e5ebf9
rgb(229,235,249)
-
#f5f7fd
#f5f7fd
rgb(245,247,253)
Tones of #224396
A tone is produced by adding gray to any pure hue. In this case, #5b5b5d is the less saturated color, while #0637b2 is the most saturated one.
-
#5b5b5d
#5b5b5d
rgb(91,91,93)
-
#545864
#545864
rgb(84,88,100)
-
#4c556c
#4c556c
rgb(76,85,108)
-
#455273
#455273
rgb(69,82,115)
-
#3e4f7a
#3e4f7a
rgb(62,79,122)
-
#374c81
#374c81
rgb(55,76,129)
-
#304988
#304988
rgb(48,73,136)
-
#29468f
#29468f
rgb(41,70,143)
-
#224396
#224396
rgb(34,67,150)
-
#1b409d
#1b409d
rgb(27,64,157)
-
#143da4
#143da4
rgb(20,61,164)
-
#0d3aab
#0d3aab
rgb(13,58,171)
-
#0637b2
#0637b2
rgb(6,55,178)
Color Blindness Simulator
Below, you can see how #224396 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.