#228a8e Color Information
In a RGB color space, hex #228a8e is composed of 13.3% red, 54.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 2.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 182.2 degrees, a saturation of 61.4% and a lightness of 34.5%. #228a8e color hex could be obtained by blending #44ffff with #00151d. Closest websafe color is: #339999.
-
- R 13
- G 54
- B 56
-
- C 76
- M 3
- Y 0
- K 44
● #228a8e color description : Dark cyan.
#228a8e Color Conversion
The hexadecimal color #228a8e has RGB values of R:34, G:138, B:142 and CMYK values of C:0.76, M:0.03, Y:0, K:0.44. Its decimal value is 2263694.
Hex triplet | 228a8e | #228a8e |
---|---|---|
RGB Decimal | 34, 138, 142 | rgb(34,138,142) |
RGB Percent | 13.3, 54.1, 55.7 | rgb(13.3%,54.1%,55.7%) |
CMYK | 76, 3, 0, 44 | |
HSL | 182.2°, 61.4, 34.5 | hsl(182.2,61.4%,34.5%) |
HSV (or HSB) | 182.2°, 76.1, 55.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.363, -26.712, -10.47 |
---|---|
XYZ | 14.629, 20.469, 28.77 |
xyY | 0.229, 0.32, 20.469 |
CIE-LCH | 52.363, 28.691, 201.404 |
CIE-LUV | 52.363, -37.035, -11.427 |
Hunter-Lab | 45.242, -21.456, -6.033 |
Binary | 00100010, 10001010, 10001110 |
Color Schemes with #228a8e
Alternatives to #228a8e
Below, you can see some colors close to #228a8e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228a8e Preview
This text has a font color of #228a8e.
<span style="color:#228a8e;">Text here</span>
This paragraph has a background color of #228a8e.
<p style="background-color:#228a8e;">Content here</p>
This element has a border color of #228a8e.
<div style="border:1px solid #228a8e;">Content here</div>
.text {color:#228a8e;}
.background {background-color:#228a8e;}
.border {border:1px solid #228a8e;}
Shades and Tints of #228a8e
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, #040f0f is the darkest color, while #ffffff is the lightest one.
-
#040f0f
#040f0f
rgb(4,15,15)
-
#071e1f
#071e1f
rgb(7,30,31)
-
#0b2e2f
#0b2e2f
rgb(11,46,47)
-
#0f3d3f
#0f3d3f
rgb(15,61,63)
-
#134c4f
#134c4f
rgb(19,76,79)
-
#175c5f
#175c5f
rgb(23,92,95)
-
#1a6b6e
#1a6b6e
rgb(26,107,110)
-
#1e7b7e
#1e7b7e
rgb(30,123,126)
-
#228a8e
#228a8e
rgb(34,138,142)
-
#26999e
#26999e
rgb(38,153,158)
-
#2aa9ae
#2aa9ae
rgb(42,169,174)
-
#2db8bd
#2db8bd
rgb(45,184,189)
-
#31c8cd
#31c8cd
rgb(49,200,205)
-
#41ccd1
#41ccd1
rgb(65,204,209)
-
#50d0d5
#50d0d5
rgb(80,208,213)
-
#60d5d9
#60d5d9
rgb(96,213,217)
-
#70d9dd
#70d9dd
rgb(112,217,221)
-
#80dde1
#80dde1
rgb(128,221,225)
-
#90e1e4
#90e1e4
rgb(144,225,228)
-
#a0e5e8
#a0e5e8
rgb(160,229,232)
-
#afeaec
#afeaec
rgb(175,234,236)
-
#bfeef0
#bfeef0
rgb(191,238,240)
-
#cff2f4
#cff2f4
rgb(207,242,244)
-
#dff6f7
#dff6f7
rgb(223,246,247)
-
#effbfb
#effbfb
rgb(239,251,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #228a8e
A tone is produced by adding gray to any pure hue. In this case, #515e5f is the less saturated color, while #00a9b0 is the most saturated one.
-
#515e5f
#515e5f
rgb(81,94,95)
-
#4b6465
#4b6465
rgb(75,100,101)
-
#446b6c
#446b6c
rgb(68,107,108)
-
#3d7173
#3d7173
rgb(61,113,115)
-
#36777a
#36777a
rgb(54,119,122)
-
#307d80
#307d80
rgb(48,125,128)
-
#298487
#298487
rgb(41,132,135)
-
#228a8e
#228a8e
rgb(34,138,142)
-
#1b9095
#1b9095
rgb(27,144,149)
-
#14979c
#14979c
rgb(20,151,156)
-
#0e9da2
#0e9da2
rgb(14,157,162)
-
#07a3a9
#07a3a9
rgb(7,163,169)
-
#00a9b0
#00a9b0
rgb(0,169,176)
Color Blindness Simulator
Below, you can see how #228a8e 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.