#223877 Color Information
In a RGB color space, hex #223877 is composed of 13.3% red, 22% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 52.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 224.5 degrees, a saturation of 55.6% and a lightness of 30%. #223877 color hex could be obtained by blending #4470ee with #000000. Closest websafe color is: #333366.
-
- R 13
- G 22
- B 47
-
- C 71
- M 53
- Y 0
- K 53
● #223877 color description : Dark blue.
#223877 Color Conversion
The hexadecimal color #223877 has RGB values of R:34, G:56, B:119 and CMYK values of C:0.71, M:0.53, Y:0, K:0.53. Its decimal value is 2242679.
Hex triplet | 223877 | #223877 |
---|---|---|
RGB Decimal | 34, 56, 119 | rgb(34,56,119) |
RGB Percent | 13.3, 22, 46.7 | rgb(13.3%,22%,46.7%) |
CMYK | 71, 53, 0, 53 | |
HSL | 224.5°, 55.6, 30 | hsl(224.5,55.6%,30%) |
HSV (or HSB) | 224.5°, 71.4, 46.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 25.26, 14.406, -38.7 |
---|---|
XYZ | 5.403, 4.5, 18.036 |
xyY | 0.193, 0.161, 4.5 |
CIE-LCH | 25.26, 41.295, 290.417 |
CIE-LUV | 25.26, -9.09, -49.081 |
Hunter-Lab | 21.213, 8.34, -35.56 |
Binary | 00100010, 00111000, 01110111 |
Color Schemes with #223877
Alternatives to #223877
Below, you can see some colors close to #223877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#223877 Preview
This text has a font color of #223877.
<span style="color:#223877;">Text here</span>
This paragraph has a background color of #223877.
<p style="background-color:#223877;">Content here</p>
This element has a border color of #223877.
<div style="border:1px solid #223877;">Content here</div>
.text {color:#223877;}
.background {background-color:#223877;}
.border {border:1px solid #223877;}
Shades and Tints of #223877
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, #03060c is the darkest color, while #fcfdfe is the lightest one.
-
#03060c
#03060c
rgb(3,6,12)
-
#080d1b
#080d1b
rgb(8,13,27)
-
#0c142b
#0c142b
rgb(12,20,43)
-
#111b3a
#111b3a
rgb(17,27,58)
-
#152249
#152249
rgb(21,34,73)
-
#192a58
#192a58
rgb(25,42,88)
-
#1e3168
#1e3168
rgb(30,49,104)
-
#223877
#223877
rgb(34,56,119)
-
#263f86
#263f86
rgb(38,63,134)
-
#2b4696
#2b4696
rgb(43,70,150)
-
#2f4ea5
#2f4ea5
rgb(47,78,165)
-
#3355b4
#3355b4
rgb(51,85,180)
-
#385cc3
#385cc3
rgb(56,92,195)
-
#4567ca
#4567ca
rgb(69,103,202)
-
#5474ce
#5474ce
rgb(84,116,206)
-
#6380d3
#6380d3
rgb(99,128,211)
-
#738dd7
#738dd7
rgb(115,141,215)
-
#8299db
#8299db
rgb(130,153,219)
-
#91a5e0
#91a5e0
rgb(145,165,224)
-
#a0b2e4
#a0b2e4
rgb(160,178,228)
-
#b0bee8
#b0bee8
rgb(176,190,232)
-
#bfcbed
#bfcbed
rgb(191,203,237)
-
#ced7f1
#ced7f1
rgb(206,215,241)
-
#dde4f5
#dde4f5
rgb(221,228,245)
-
#edf0fa
#edf0fa
rgb(237,240,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #223877
A tone is produced by adding gray to any pure hue. In this case, #4b4c4e is the less saturated color, while #052a94 is the most saturated one.
-
#4b4c4e
#4b4c4e
rgb(75,76,78)
-
#454954
#454954
rgb(69,73,84)
-
#3f465a
#3f465a
rgb(63,70,90)
-
#3a435f
#3a435f
rgb(58,67,95)
-
#344165
#344165
rgb(52,65,101)
-
#2e3e6b
#2e3e6b
rgb(46,62,107)
-
#283b71
#283b71
rgb(40,59,113)
-
#223877
#223877
rgb(34,56,119)
-
#1c357d
#1c357d
rgb(28,53,125)
-
#163283
#163283
rgb(22,50,131)
-
#102f89
#102f89
rgb(16,47,137)
-
#0a2d8f
#0a2d8f
rgb(10,45,143)
-
#052a94
#052a94
rgb(5,42,148)
Color Blindness Simulator
Below, you can see how #223877 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.