#226c63 Color Information
In a RGB color space, hex #226c63 is composed of 13.3% red, 42.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 0% magenta, 8.3% yellow and 57.6% black. It has a hue angle of 172.7 degrees, a saturation of 52.1% and a lightness of 27.8%. #226c63 color hex could be obtained by blending #44d8c6 with #000000. Closest websafe color is: #336666.
-
- R 13
- G 42
- B 39
-
- C 69
- M 0
- Y 8
- K 58
● #226c63 color description : Very dark cyan.
#226c63 Color Conversion
The hexadecimal color #226c63 has RGB values of R:34, G:108, B:99 and CMYK values of C:0.69, M:0, Y:0.08, K:0.58. Its decimal value is 2255971.
Hex triplet | 226c63 | #226c63 |
---|---|---|
RGB Decimal | 34, 108, 99 | rgb(34,108,99) |
RGB Percent | 13.3, 42.4, 38.8 | rgb(13.3%,42.4%,38.8%) |
CMYK | 69, 0, 8, 58 | |
HSL | 172.7°, 52.1, 27.8 | hsl(172.7,52.1%,27.8%) |
HSV (or HSB) | 172.7°, 68.5, 42.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.161, -24.79, -1.61 |
---|---|
XYZ | 8.274, 11.965, 13.677 |
xyY | 0.244, 0.353, 11.965 |
CIE-LCH | 41.161, 24.843, 183.716 |
CIE-LUV | 41.161, -28.46, 1.262 |
Hunter-Lab | 34.591, -17.84, 0.77 |
Binary | 00100010, 01101100, 01100011 |
Color Schemes with #226c63
Alternatives to #226c63
Below, you can see some colors close to #226c63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#226c63 Preview
This text has a font color of #226c63.
<span style="color:#226c63;">Text here</span>
This paragraph has a background color of #226c63.
<p style="background-color:#226c63;">Content here</p>
This element has a border color of #226c63.
<div style="border:1px solid #226c63;">Content here</div>
.text {color:#226c63;}
.background {background-color:#226c63;}
.border {border:1px solid #226c63;}
Shades and Tints of #226c63
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, #010403 is the darkest color, while #f4fbfa is the lightest one.
-
#010403
#010403
rgb(1,4,3)
-
#061211
#061211
rgb(6,18,17)
-
#0b211f
#0b211f
rgb(11,33,31)
-
#0f302c
#0f302c
rgb(15,48,44)
-
#143f3a
#143f3a
rgb(20,63,58)
-
#194e48
#194e48
rgb(25,78,72)
-
#1d5d55
#1d5d55
rgb(29,93,85)
-
#226c63
#226c63
rgb(34,108,99)
-
#277b71
#277b71
rgb(39,123,113)
-
#2b8a7e
#2b8a7e
rgb(43,138,126)
-
#30998c
#30998c
rgb(48,153,140)
-
#35a89a
#35a89a
rgb(53,168,154)
-
#39b7a7
#39b7a7
rgb(57,183,167)
-
#41c3b3
#41c3b3
rgb(65,195,179)
-
#50c8b9
#50c8b9
rgb(80,200,185)
-
#5eccbf
#5eccbf
rgb(94,204,191)
-
#6dd1c5
#6dd1c5
rgb(109,209,197)
-
#7cd6cb
#7cd6cb
rgb(124,214,203)
-
#8bdbd1
#8bdbd1
rgb(139,219,209)
-
#9adfd7
#9adfd7
rgb(154,223,215)
-
#a9e4dd
#a9e4dd
rgb(169,228,221)
-
#b8e9e3
#b8e9e3
rgb(184,233,227)
-
#c7ede9
#c7ede9
rgb(199,237,233)
-
#d6f2ef
#d6f2ef
rgb(214,242,239)
-
#e5f7f5
#e5f7f5
rgb(229,247,245)
-
#f4fbfa
#f4fbfa
rgb(244,251,250)
Tones of #226c63
A tone is produced by adding gray to any pure hue. In this case, #434b4a is the less saturated color, while #018d7c is the most saturated one.
-
#434b4a
#434b4a
rgb(67,75,74)
-
#3d514e
#3d514e
rgb(61,81,78)
-
#385652
#385652
rgb(56,86,82)
-
#325c57
#325c57
rgb(50,92,87)
-
#2d615b
#2d615b
rgb(45,97,91)
-
#27675f
#27675f
rgb(39,103,95)
-
#226c63
#226c63
rgb(34,108,99)
-
#1d7167
#1d7167
rgb(29,113,103)
-
#17776b
#17776b
rgb(23,119,107)
-
#127c6f
#127c6f
rgb(18,124,111)
-
#0c8274
#0c8274
rgb(12,130,116)
-
#078778
#078778
rgb(7,135,120)
-
#018d7c
#018d7c
rgb(1,141,124)
Color Blindness Simulator
Below, you can see how #226c63 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.