#228c82 Color Information
In a RGB color space, hex #228c82 is composed of 13.3% red, 54.9% green and 51% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 0% magenta, 7.1% yellow and 45.1% black. It has a hue angle of 174.3 degrees, a saturation of 60.9% and a lightness of 34.1%. #228c82 color hex could be obtained by blending #44ffff with #001905. Closest websafe color is: #339999.
-
- R 13
- G 55
- B 51
-
- C 76
- M 0
- Y 7
- K 45
● #228c82 color description : Dark cyan.
#228c82 Color Conversion
The hexadecimal color #228c82 has RGB values of R:34, G:140, B:130 and CMYK values of C:0.76, M:0, Y:0.07, K:0.45. Its decimal value is 2264194.
Hex triplet | 228c82 | #228c82 |
---|---|---|
RGB Decimal | 34, 140, 130 | rgb(34,140,130) |
RGB Percent | 13.3, 54.9, 51 | rgb(13.3%,54.9%,51%) |
CMYK | 76, 0, 7, 45 | |
HSL | 174.3°, 60.9, 34.1 | hsl(174.3,60.9%,34.1%) |
HSV (or HSB) | 174.3°, 75.7, 54.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.627, -31.335, -3.114 |
---|---|
XYZ | 14.066, 20.707, 24.373 |
xyY | 0.238, 0.35, 20.707 |
CIE-LCH | 52.627, 31.489, 185.675 |
CIE-LUV | 52.627, -38.586, 0.107 |
Hunter-Lab | 45.505, -24.458, 0.096 |
Binary | 00100010, 10001100, 10000010 |
Color Schemes with #228c82
Alternatives to #228c82
Below, you can see some colors close to #228c82. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228c82 Preview
This text has a font color of #228c82.
<span style="color:#228c82;">Text here</span>
This paragraph has a background color of #228c82.
<p style="background-color:#228c82;">Content here</p>
This element has a border color of #228c82.
<div style="border:1px solid #228c82;">Content here</div>
.text {color:#228c82;}
.background {background-color:#228c82;}
.border {border:1px solid #228c82;}
Shades and Tints of #228c82
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, #030e0d is the darkest color, while #fdfffe is the lightest one.
-
#030e0d
#030e0d
rgb(3,14,13)
-
#071e1b
#071e1b
rgb(7,30,27)
-
#0b2d2a
#0b2d2a
rgb(11,45,42)
-
#0f3d39
#0f3d39
rgb(15,61,57)
-
#134d47
#134d47
rgb(19,77,71)
-
#175d56
#175d56
rgb(23,93,86)
-
#1a6c65
#1a6c65
rgb(26,108,101)
-
#1e7c73
#1e7c73
rgb(30,124,115)
-
#228c82
#228c82
rgb(34,140,130)
-
#269c91
#269c91
rgb(38,156,145)
-
#2aac9f
#2aac9f
rgb(42,172,159)
-
#2dbbae
#2dbbae
rgb(45,187,174)
-
#31cbbd
#31cbbd
rgb(49,203,189)
-
#40d1c3
#40d1c3
rgb(64,209,195)
-
#4fd4c8
#4fd4c8
rgb(79,212,200)
-
#5fd8cd
#5fd8cd
rgb(95,216,205)
-
#6fdcd2
#6fdcd2
rgb(111,220,210)
-
#7fe0d7
#7fe0d7
rgb(127,224,215)
-
#8ee4dc
#8ee4dc
rgb(142,228,220)
-
#9ee8e1
#9ee8e1
rgb(158,232,225)
-
#aeebe6
#aeebe6
rgb(174,235,230)
-
#beefeb
#beefeb
rgb(190,239,235)
-
#cef3ef
#cef3ef
rgb(206,243,239)
-
#ddf7f4
#ddf7f4
rgb(221,247,244)
-
#edfbf9
#edfbf9
rgb(237,251,249)
-
#fdfffe
#fdfffe
rgb(253,255,254)
Tones of #228c82
A tone is produced by adding gray to any pure hue. In this case, #515d5c is the less saturated color, while #01ad9d is the most saturated one.
-
#515d5c
#515d5c
rgb(81,93,92)
-
#4a6461
#4a6461
rgb(74,100,97)
-
#436b67
#436b67
rgb(67,107,103)
-
#3d716c
#3d716c
rgb(61,113,108)
-
#367872
#367872
rgb(54,120,114)
-
#2f7f77
#2f7f77
rgb(47,127,119)
-
#29857d
#29857d
rgb(41,133,125)
-
#228c82
#228c82
rgb(34,140,130)
-
#1b9387
#1b9387
rgb(27,147,135)
-
#15998d
#15998d
rgb(21,153,141)
-
#0ea092
#0ea092
rgb(14,160,146)
-
#07a798
#07a798
rgb(7,167,152)
-
#01ad9d
#01ad9d
rgb(1,173,157)
Color Blindness Simulator
Below, you can see how #228c82 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.