#225676 Color Information
In a RGB color space, hex #225676 is composed of 13.3% red, 33.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 27.1% magenta, 0% yellow and 53.7% black. It has a hue angle of 202.9 degrees, a saturation of 55.3% and a lightness of 29.8%. #225676 color hex could be obtained by blending #44acec with #000000. Closest websafe color is: #336666.
-
- R 13
- G 34
- B 46
-
- C 71
- M 27
- Y 0
- K 54
● #225676 color description : Dark blue.
#225676 Color Conversion
The hexadecimal color #225676 has RGB values of R:34, G:86, B:118 and CMYK values of C:0.71, M:0.27, Y:0, K:0.54. Its decimal value is 2250358.
Hex triplet | 225676 | #225676 |
---|---|---|
RGB Decimal | 34, 86, 118 | rgb(34,86,118) |
RGB Percent | 13.3, 33.7, 46.3 | rgb(13.3%,33.7%,46.3%) |
CMYK | 71, 27, 0, 54 | |
HSL | 202.9°, 55.3, 29.8 | hsl(202.9,55.3%,29.8%) |
HSV (or HSB) | 202.9°, 71.2, 46.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.606, -6.016, -23.238 |
---|---|
XYZ | 7.257, 8.303, 18.359 |
xyY | 0.214, 0.245, 8.303 |
CIE-LCH | 34.606, 24.004, 255.485 |
CIE-LUV | 34.606, -19.127, -30.801 |
Hunter-Lab | 28.815, -5.474, -17.604 |
Binary | 00100010, 01010110, 01110110 |
Color Schemes with #225676
Alternatives to #225676
Below, you can see some colors close to #225676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225676 Preview
This text has a font color of #225676.
<span style="color:#225676;">Text here</span>
This paragraph has a background color of #225676.
<p style="background-color:#225676;">Content here</p>
This element has a border color of #225676.
<div style="border:1px solid #225676;">Content here</div>
.text {color:#225676;}
.background {background-color:#225676;}
.border {border:1px solid #225676;}
Shades and Tints of #225676
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, #03080b is the darkest color, while #fbfdfe is the lightest one.
-
#03080b
#03080b
rgb(3,8,11)
-
#08131b
#08131b
rgb(8,19,27)
-
#0c1f2a
#0c1f2a
rgb(12,31,42)
-
#102a39
#102a39
rgb(16,42,57)
-
#153548
#153548
rgb(21,53,72)
-
#194058
#194058
rgb(25,64,88)
-
#1e4b67
#1e4b67
rgb(30,75,103)
-
#225676
#225676
rgb(34,86,118)
-
#266185
#266185
rgb(38,97,133)
-
#2b6c94
#2b6c94
rgb(43,108,148)
-
#2f77a4
#2f77a4
rgb(47,119,164)
-
#3482b3
#3482b3
rgb(52,130,179)
-
#388dc2
#388dc2
rgb(56,141,194)
-
#4497c9
#4497c9
rgb(68,151,201)
-
#549fce
#549fce
rgb(84,159,206)
-
#63a8d2
#63a8d2
rgb(99,168,210)
-
#72b0d6
#72b0d6
rgb(114,176,214)
-
#81b9db
#81b9db
rgb(129,185,219)
-
#91c1df
#91c1df
rgb(145,193,223)
-
#a0cae4
#a0cae4
rgb(160,202,228)
-
#afd2e8
#afd2e8
rgb(175,210,232)
-
#bedbec
#bedbec
rgb(190,219,236)
-
#cde3f1
#cde3f1
rgb(205,227,241)
-
#ddecf5
#ddecf5
rgb(221,236,245)
-
#ecf4fa
#ecf4fa
rgb(236,244,250)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #225676
A tone is produced by adding gray to any pure hue. In this case, #4b4c4d is the less saturated color, while #055d93 is the most saturated one.
-
#4b4c4d
#4b4c4d
rgb(75,76,77)
-
#454e53
#454e53
rgb(69,78,83)
-
#3f4f59
#3f4f59
rgb(63,79,89)
-
#39505f
#39505f
rgb(57,80,95)
-
#345264
#345264
rgb(52,82,100)
-
#2e536a
#2e536a
rgb(46,83,106)
-
#285570
#285570
rgb(40,85,112)
-
#225676
#225676
rgb(34,86,118)
-
#1c577c
#1c577c
rgb(28,87,124)
-
#165982
#165982
rgb(22,89,130)
-
#105a88
#105a88
rgb(16,90,136)
-
#0b5c8d
#0b5c8d
rgb(11,92,141)
-
#055d93
#055d93
rgb(5,93,147)
Color Blindness Simulator
Below, you can see how #225676 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.