#228a96 Color Information
In a RGB color space, hex #228a96 is composed of 13.3% red, 54.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 8% magenta, 0% yellow and 41.2% black. It has a hue angle of 186.2 degrees, a saturation of 63% and a lightness of 36.1%. #228a96 color hex could be obtained by blending #44ffff with #00152d. Closest websafe color is: #339999.
-
- R 13
- G 54
- B 59
-
- C 77
- M 8
- Y 0
- K 41
● #228a96 color description : Dark cyan.
#228a96 Color Conversion
The hexadecimal color #228a96 has RGB values of R:34, G:138, B:150 and CMYK values of C:0.77, M:0.08, Y:0, K:0.41. Its decimal value is 2263702.
Hex triplet | 228a96 | #228a96 |
---|---|---|
RGB Decimal | 34, 138, 150 | rgb(34,138,150) |
RGB Percent | 13.3, 54.1, 58.8 | rgb(13.3%,54.1%,58.8%) |
CMYK | 77, 8, 0, 41 | |
HSL | 186.2°, 63, 36.1 | hsl(186.2,63%,36.1%) |
HSV (or HSB) | 186.2°, 77.3, 58.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.639, -24.154, -14.695 |
---|---|
XYZ | 15.252, 20.718, 32.048 |
xyY | 0.224, 0.305, 20.718 |
CIE-LCH | 52.639, 28.273, 211.315 |
CIE-LUV | 52.639, -36.494, -18.242 |
Hunter-Lab | 45.517, -19.843, -9.884 |
Binary | 00100010, 10001010, 10010110 |
Color Schemes with #228a96
Alternatives to #228a96
Below, you can see some colors close to #228a96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228a96 Preview
This text has a font color of #228a96.
<span style="color:#228a96;">Text here</span>
This paragraph has a background color of #228a96.
<p style="background-color:#228a96;">Content here</p>
This element has a border color of #228a96.
<div style="border:1px solid #228a96;">Content here</div>
.text {color:#228a96;}
.background {background-color:#228a96;}
.border {border:1px solid #228a96;}
Shades and Tints of #228a96
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, #010606 is the darkest color, while #f5fcfd is the lightest one.
-
#010606
#010606
rgb(1,6,6)
-
#051416
#051416
rgb(5,20,22)
-
#092326
#092326
rgb(9,35,38)
-
#0c3236
#0c3236
rgb(12,50,54)
-
#104046
#104046
rgb(16,64,70)
-
#144f56
#144f56
rgb(20,79,86)
-
#175e66
#175e66
rgb(23,94,102)
-
#1b6d76
#1b6d76
rgb(27,109,118)
-
#1e7b86
#1e7b86
rgb(30,123,134)
-
#228a96
#228a96
rgb(34,138,150)
-
#2699a6
#2699a6
rgb(38,153,166)
-
#29a7b6
#29a7b6
rgb(41,167,182)
-
#2db6c6
#2db6c6
rgb(45,182,198)
-
#35c1d1
#35c1d1
rgb(53,193,209)
-
#45c6d5
#45c6d5
rgb(69,198,213)
-
#55cbd9
#55cbd9
rgb(85,203,217)
-
#65d0dc
#65d0dc
rgb(101,208,220)
-
#75d5e0
#75d5e0
rgb(117,213,224)
-
#85dae3
#85dae3
rgb(133,218,227)
-
#95dfe7
#95dfe7
rgb(149,223,231)
-
#a5e3eb
#a5e3eb
rgb(165,227,235)
-
#b5e8ee
#b5e8ee
rgb(181,232,238)
-
#c5edf2
#c5edf2
rgb(197,237,242)
-
#d5f2f6
#d5f2f6
rgb(213,242,246)
-
#e5f7f9
#e5f7f9
rgb(229,247,249)
-
#f5fcfd
#f5fcfd
rgb(245,252,253)
Tones of #228a96
A tone is produced by adding gray to any pure hue. In this case, #5b5d5d is the less saturated color, while #06a0b2 is the most saturated one.
-
#5b5d5d
#5b5d5d
rgb(91,93,93)
-
#546364
#546364
rgb(84,99,100)
-
#4c686c
#4c686c
rgb(76,104,108)
-
#456e73
#456e73
rgb(69,110,115)
-
#3e747a
#3e747a
rgb(62,116,122)
-
#377981
#377981
rgb(55,121,129)
-
#307f88
#307f88
rgb(48,127,136)
-
#29848f
#29848f
rgb(41,132,143)
-
#228a96
#228a96
rgb(34,138,150)
-
#1b909d
#1b909d
rgb(27,144,157)
-
#1495a4
#1495a4
rgb(20,149,164)
-
#0d9bab
#0d9bab
rgb(13,155,171)
-
#06a0b2
#06a0b2
rgb(6,160,178)
Color Blindness Simulator
Below, you can see how #228a96 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.