#223477 Color Information
In a RGB color space, hex #223477 is composed of 13.3% red, 20.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 56.3% magenta, 0% yellow and 53.3% black. It has a hue angle of 227.3 degrees, a saturation of 55.6% and a lightness of 30%. #223477 color hex could be obtained by blending #4468ee with #000000. Closest websafe color is: #333366.
-
- R 13
- G 20
- B 47
-
- C 71
- M 56
- Y 0
- K 53
● #223477 color description : Dark blue.
#223477 Color Conversion
The hexadecimal color #223477 has RGB values of R:34, G:52, B:119 and CMYK values of C:0.71, M:0.56, Y:0, K:0.53. Its decimal value is 2241655.
Hex triplet | 223477 | #223477 |
---|---|---|
RGB Decimal | 34, 52, 119 | rgb(34,52,119) |
RGB Percent | 13.3, 20.4, 46.7 | rgb(13.3%,20.4%,46.7%) |
CMYK | 71, 56, 0, 53 | |
HSL | 227.3°, 55.6, 30 | hsl(227.3,55.6%,30%) |
HSV (or HSB) | 227.3°, 71.4, 46.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 24.089, 17.219, -40.593 |
---|---|
XYZ | 5.217, 4.128, 17.974 |
xyY | 0.191, 0.151, 4.128 |
CIE-LCH | 24.089, 44.094, 292.985 |
CIE-LUV | 24.089, -7.973, -50.56 |
Hunter-Lab | 20.317, 10.28, -38.231 |
Binary | 00100010, 00110100, 01110111 |
Color Schemes with #223477
Alternatives to #223477
Below, you can see some colors close to #223477. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#223477 Preview
This text has a font color of #223477.
<span style="color:#223477;">Text here</span>
This paragraph has a background color of #223477.
<p style="background-color:#223477;">Content here</p>
This element has a border color of #223477.
<div style="border:1px solid #223477;">Content here</div>
.text {color:#223477;}
.background {background-color:#223477;}
.border {border:1px solid #223477;}
Shades and Tints of #223477
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, #03050c is the darkest color, while #fcfcfe is the lightest one.
-
#03050c
#03050c
rgb(3,5,12)
-
#080c1b
#080c1b
rgb(8,12,27)
-
#0c132b
#0c132b
rgb(12,19,43)
-
#11193a
#11193a
rgb(17,25,58)
-
#152049
#152049
rgb(21,32,73)
-
#192758
#192758
rgb(25,39,88)
-
#1e2d68
#1e2d68
rgb(30,45,104)
-
#223477
#223477
rgb(34,52,119)
-
#263b86
#263b86
rgb(38,59,134)
-
#2b4196
#2b4196
rgb(43,65,150)
-
#2f48a5
#2f48a5
rgb(47,72,165)
-
#334fb4
#334fb4
rgb(51,79,180)
-
#3855c3
#3855c3
rgb(56,85,195)
-
#4561ca
#4561ca
rgb(69,97,202)
-
#546ece
#546ece
rgb(84,110,206)
-
#637bd3
#637bd3
rgb(99,123,211)
-
#7388d7
#7388d7
rgb(115,136,215)
-
#8295db
#8295db
rgb(130,149,219)
-
#91a2e0
#91a2e0
rgb(145,162,224)
-
#a0afe4
#a0afe4
rgb(160,175,228)
-
#b0bce8
#b0bce8
rgb(176,188,232)
-
#bfc9ed
#bfc9ed
rgb(191,201,237)
-
#ced6f1
#ced6f1
rgb(206,214,241)
-
#dde3f5
#dde3f5
rgb(221,227,245)
-
#edeffa
#edeffa
rgb(237,239,250)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #223477
A tone is produced by adding gray to any pure hue. In this case, #4b4c4e is the less saturated color, while #052394 is the most saturated one.
-
#4b4c4e
#4b4c4e
rgb(75,76,78)
-
#454854
#454854
rgb(69,72,84)
-
#3f455a
#3f455a
rgb(63,69,90)
-
#3a425f
#3a425f
rgb(58,66,95)
-
#343e65
#343e65
rgb(52,62,101)
-
#2e3b6b
#2e3b6b
rgb(46,59,107)
-
#283771
#283771
rgb(40,55,113)
-
#223477
#223477
rgb(34,52,119)
-
#1c317d
#1c317d
rgb(28,49,125)
-
#162d83
#162d83
rgb(22,45,131)
-
#102a89
#102a89
rgb(16,42,137)
-
#0a268f
#0a268f
rgb(10,38,143)
-
#052394
#052394
rgb(5,35,148)
Color Blindness Simulator
Below, you can see how #223477 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.