#225f63 Color Information
In a RGB color space, hex #225f63 is composed of 13.3% red, 37.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 4% magenta, 0% yellow and 61.2% black. It has a hue angle of 183.7 degrees, a saturation of 48.9% and a lightness of 26.1%. #225f63 color hex could be obtained by blending #44bec6 with #000000. Closest websafe color is: #336666.
-
- R 13
- G 37
- B 39
-
- C 66
- M 4
- Y 0
- K 61
● #225f63 color description : Very dark cyan.
#225f63 Color Conversion
The hexadecimal color #225f63 has RGB values of R:34, G:95, B:99 and CMYK values of C:0.66, M:0.04, Y:0, K:0.61. Its decimal value is 2252643.
Hex triplet | 225f63 | #225f63 |
---|---|---|
RGB Decimal | 34, 95, 99 | rgb(34,95,99) |
RGB Percent | 13.3, 37.3, 38.8 | rgb(13.3%,37.3%,38.8%) |
CMYK | 66, 4, 0, 61 | |
HSL | 183.7°, 48.9, 26.1 | hsl(183.7,48.9%,26.1%) |
HSV (or HSB) | 183.7°, 65.7, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.79, -17.924, -8.102 |
---|---|
XYZ | 7.003, 9.425, 13.254 |
xyY | 0.236, 0.318, 9.425 |
CIE-LCH | 36.79, 19.671, 204.324 |
CIE-LUV | 36.79, -23.406, -8.359 |
Hunter-Lab | 30.7, -13.004, -4.107 |
Binary | 00100010, 01011111, 01100011 |
Color Schemes with #225f63
Alternatives to #225f63
Below, you can see some colors close to #225f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225f63 Preview
This text has a font color of #225f63.
<span style="color:#225f63;">Text here</span>
This paragraph has a background color of #225f63.
<p style="background-color:#225f63;">Content here</p>
This element has a border color of #225f63.
<div style="border:1px solid #225f63;">Content here</div>
.text {color:#225f63;}
.background {background-color:#225f63;}
.border {border:1px solid #225f63;}
Shades and Tints of #225f63
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, #040b0b is the darkest color, while #fcfefe is the lightest one.
-
#040b0b
#040b0b
rgb(4,11,11)
-
#09191a
#09191a
rgb(9,25,26)
-
#0e2729
#0e2729
rgb(14,39,41)
-
#133537
#133537
rgb(19,53,55)
-
#184346
#184346
rgb(24,67,70)
-
#1d5154
#1d5154
rgb(29,81,84)
-
#225f63
#225f63
rgb(34,95,99)
-
#276d72
#276d72
rgb(39,109,114)
-
#2c7b80
#2c7b80
rgb(44,123,128)
-
#31898f
#31898f
rgb(49,137,143)
-
#36979d
#36979d
rgb(54,151,157)
-
#3ba5ac
#3ba5ac
rgb(59,165,172)
-
#40b3bb
#40b3bb
rgb(64,179,187)
-
#4dbbc2
#4dbbc2
rgb(77,187,194)
-
#5bc0c7
#5bc0c7
rgb(91,192,199)
-
#6ac6cc
#6ac6cc
rgb(106,198,204)
-
#78cbd1
#78cbd1
rgb(120,203,209)
-
#87d1d6
#87d1d6
rgb(135,209,214)
-
#96d7db
#96d7db
rgb(150,215,219)
-
#a4dce0
#a4dce0
rgb(164,220,224)
-
#b3e2e5
#b3e2e5
rgb(179,226,229)
-
#c1e7ea
#c1e7ea
rgb(193,231,234)
-
#d0edef
#d0edef
rgb(208,237,239)
-
#dff3f4
#dff3f4
rgb(223,243,244)
-
#edf8f9
#edf8f9
rgb(237,248,249)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #225f63
A tone is produced by adding gray to any pure hue. In this case, #414444 is the less saturated color, while #037a82 is the most saturated one.
-
#414444
#414444
rgb(65,68,68)
-
#3c4949
#3c4949
rgb(60,73,73)
-
#364d4f
#364d4f
rgb(54,77,79)
-
#315254
#315254
rgb(49,82,84)
-
#2c5659
#2c5659
rgb(44,86,89)
-
#275b5e
#275b5e
rgb(39,91,94)
-
#225f63
#225f63
rgb(34,95,99)
-
#1d6368
#1d6368
rgb(29,99,104)
-
#18686d
#18686d
rgb(24,104,109)
-
#136c72
#136c72
rgb(19,108,114)
-
#0e7177
#0e7177
rgb(14,113,119)
-
#08757d
#08757d
rgb(8,117,125)
-
#037a82
#037a82
rgb(3,122,130)
Color Blindness Simulator
Below, you can see how #225f63 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.