#225d77 Color Information
In a RGB color space, hex #225d77 is composed of 13.3% red, 36.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 21.8% magenta, 0% yellow and 53.3% black. It has a hue angle of 198.4 degrees, a saturation of 55.6% and a lightness of 30%. #225d77 color hex could be obtained by blending #44baee with #000000. Closest websafe color is: #336666.
-
- R 13
- G 36
- B 47
-
- C 71
- M 22
- Y 0
- K 53
● #225d77 color description : Dark blue.
#225d77 Color Conversion
The hexadecimal color #225d77 has RGB values of R:34, G:93, B:119 and CMYK values of C:0.71, M:0.22, Y:0, K:0.53. Its decimal value is 2252151.
Hex triplet | 225d77 | #225d77 |
---|---|---|
RGB Decimal | 34, 93, 119 | rgb(34,93,119) |
RGB Percent | 13.3, 36.5, 46.7 | rgb(13.3%,36.5%,46.7%) |
CMYK | 71, 22, 0, 53 | |
HSL | 198.4°, 55.6, 30 | hsl(198.4,55.6%,30%) |
HSV (or HSB) | 198.4°, 71.4, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.93, -9.913, -20.246 |
---|---|
XYZ | 7.903, 9.5, 18.869 |
xyY | 0.218, 0.262, 9.5 |
CIE-LCH | 36.93, 22.543, 243.914 |
CIE-LUV | 36.93, -21.668, -26.554 |
Hunter-Lab | 30.822, -8.17, -14.721 |
Binary | 00100010, 01011101, 01110111 |
Color Schemes with #225d77
Alternatives to #225d77
Below, you can see some colors close to #225d77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225d77 Preview
This text has a font color of #225d77.
<span style="color:#225d77;">Text here</span>
This paragraph has a background color of #225d77.
<p style="background-color:#225d77;">Content here</p>
This element has a border color of #225d77.
<div style="border:1px solid #225d77;">Content here</div>
.text {color:#225d77;}
.background {background-color:#225d77;}
.border {border:1px solid #225d77;}
Shades and Tints of #225d77
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, #030a0c is the darkest color, while #fcfdfe is the lightest one.
-
#030a0c
#030a0c
rgb(3,10,12)
-
#08151b
#08151b
rgb(8,21,27)
-
#0c212b
#0c212b
rgb(12,33,43)
-
#112d3a
#112d3a
rgb(17,45,58)
-
#153949
#153949
rgb(21,57,73)
-
#194558
#194558
rgb(25,69,88)
-
#1e5168
#1e5168
rgb(30,81,104)
-
#225d77
#225d77
rgb(34,93,119)
-
#266986
#266986
rgb(38,105,134)
-
#2b7596
#2b7596
rgb(43,117,150)
-
#2f81a5
#2f81a5
rgb(47,129,165)
-
#338db4
#338db4
rgb(51,141,180)
-
#3899c3
#3899c3
rgb(56,153,195)
-
#45a1ca
#45a1ca
rgb(69,161,202)
-
#54a9ce
#54a9ce
rgb(84,169,206)
-
#63b1d3
#63b1d3
rgb(99,177,211)
-
#73b8d7
#73b8d7
rgb(115,184,215)
-
#82c0db
#82c0db
rgb(130,192,219)
-
#91c8e0
#91c8e0
rgb(145,200,224)
-
#a0cfe4
#a0cfe4
rgb(160,207,228)
-
#b0d7e8
#b0d7e8
rgb(176,215,232)
-
#bfdfed
#bfdfed
rgb(191,223,237)
-
#cee6f1
#cee6f1
rgb(206,230,241)
-
#ddeef5
#ddeef5
rgb(221,238,245)
-
#edf6fa
#edf6fa
rgb(237,246,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #225d77
A tone is produced by adding gray to any pure hue. In this case, #4b4d4e is the less saturated color, while #056894 is the most saturated one.
-
#4b4d4e
#4b4d4e
rgb(75,77,78)
-
#454f54
#454f54
rgb(69,79,84)
-
#3f525a
#3f525a
rgb(63,82,90)
-
#3a545f
#3a545f
rgb(58,84,95)
-
#345665
#345665
rgb(52,86,101)
-
#2e586b
#2e586b
rgb(46,88,107)
-
#285b71
#285b71
rgb(40,91,113)
-
#225d77
#225d77
rgb(34,93,119)
-
#1c5f7d
#1c5f7d
rgb(28,95,125)
-
#166283
#166283
rgb(22,98,131)
-
#106489
#106489
rgb(16,100,137)
-
#0a668f
#0a668f
rgb(10,102,143)
-
#056894
#056894
rgb(5,104,148)
Color Blindness Simulator
Below, you can see how #225d77 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.