#228e77 Color Information
In a RGB color space, hex #228e77 is composed of 13.3% red, 55.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 16.2% yellow and 44.3% black. It has a hue angle of 167.2 degrees, a saturation of 61.4% and a lightness of 34.5%. #228e77 color hex could be obtained by blending #44ffee with #001d00. Closest websafe color is: #339966.
-
- R 13
- G 56
- B 47
-
- C 76
- M 0
- Y 16
- K 44
● #228e77 color description : Dark cyan.
#228e77 Color Conversion
The hexadecimal color #228e77 has RGB values of R:34, G:142, B:119 and CMYK values of C:0.76, M:0, Y:0.16, K:0.44. Its decimal value is 2264695.
Hex triplet | 228e77 | #228e77 |
---|---|---|
RGB Decimal | 34, 142, 119 | rgb(34,142,119) |
RGB Percent | 13.3, 55.7, 46.7 | rgb(13.3%,55.7%,46.7%) |
CMYK | 76, 0, 16, 44 | |
HSL | 167.2°, 61.4, 34.5 | hsl(167.2,61.4%,34.5%) |
HSV (or HSB) | 167.2°, 76.1, 55.7 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 52.968, -35.363, 3.746 |
---|---|
XYZ | 13.661, 21.017, 20.788 |
xyY | 0.246, 0.379, 21.017 |
CIE-LCH | 52.968, 35.561, 173.954 |
CIE-LUV | 52.968, -40.063, 10.385 |
Hunter-Lab | 45.844, -27.035, 5.205 |
Binary | 00100010, 10001110, 01110111 |
Color Schemes with #228e77
Alternatives to #228e77
Below, you can see some colors close to #228e77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228e77 Preview
This text has a font color of #228e77.
<span style="color:#228e77;">Text here</span>
This paragraph has a background color of #228e77.
<p style="background-color:#228e77;">Content here</p>
This element has a border color of #228e77.
<div style="border:1px solid #228e77;">Content here</div>
.text {color:#228e77;}
.background {background-color:#228e77;}
.border {border:1px solid #228e77;}
Shades and Tints of #228e77
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, #040f0d is the darkest color, while #ffffff is the lightest one.
-
#040f0d
#040f0d
rgb(4,15,13)
-
#071f1a
#071f1a
rgb(7,31,26)
-
#0b2f27
#0b2f27
rgb(11,47,39)
-
#0f3f35
#0f3f35
rgb(15,63,53)
-
#134f42
#134f42
rgb(19,79,66)
-
#175f4f
#175f4f
rgb(23,95,79)
-
#1a6e5c
#1a6e5c
rgb(26,110,92)
-
#1e7e6a
#1e7e6a
rgb(30,126,106)
-
#228e77
#228e77
rgb(34,142,119)
-
#269e84
#269e84
rgb(38,158,132)
-
#2aae92
#2aae92
rgb(42,174,146)
-
#2dbd9f
#2dbd9f
rgb(45,189,159)
-
#31cdac
#31cdac
rgb(49,205,172)
-
#41d1b3
#41d1b3
rgb(65,209,179)
-
#50d5b9
#50d5b9
rgb(80,213,185)
-
#60d9bf
#60d9bf
rgb(96,217,191)
-
#70ddc6
#70ddc6
rgb(112,221,198)
-
#80e1cc
#80e1cc
rgb(128,225,204)
-
#90e4d2
#90e4d2
rgb(144,228,210)
-
#a0e8d9
#a0e8d9
rgb(160,232,217)
-
#afecdf
#afecdf
rgb(175,236,223)
-
#bff0e5
#bff0e5
rgb(191,240,229)
-
#cff4ec
#cff4ec
rgb(207,244,236)
-
#dff7f2
#dff7f2
rgb(223,247,242)
-
#effbf8
#effbf8
rgb(239,251,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #228e77
A tone is produced by adding gray to any pure hue. In this case, #515f5c is the less saturated color, while #00b08a is the most saturated one.
-
#515f5c
#515f5c
rgb(81,95,92)
-
#4b6560
#4b6560
rgb(75,101,96)
-
#446c64
#446c64
rgb(68,108,100)
-
#3d7367
#3d7367
rgb(61,115,103)
-
#367a6b
#367a6b
rgb(54,122,107)
-
#30806f
#30806f
rgb(48,128,111)
-
#298773
#298773
rgb(41,135,115)
-
#228e77
#228e77
rgb(34,142,119)
-
#1b957b
#1b957b
rgb(27,149,123)
-
#149c7f
#149c7f
rgb(20,156,127)
-
#0ea283
#0ea283
rgb(14,162,131)
-
#07a987
#07a987
rgb(7,169,135)
-
#00b08a
#00b08a
rgb(0,176,138)
Color Blindness Simulator
Below, you can see how #228e77 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.