#229b82 Color Information
In a RGB color space, hex #229b82 is composed of 13.3% red, 60.8% green and 51% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 0% magenta, 16.1% yellow and 39.2% black. It has a hue angle of 167.6 degrees, a saturation of 64% and a lightness of 37.1%. #229b82 color hex could be obtained by blending #44ffff with #003705. Closest websafe color is: #339999.
-
- R 13
- G 61
- B 51
-
- C 78
- M 0
- Y 16
- K 39
● #229b82 color description : Dark cyan.
#229b82 Color Conversion
The hexadecimal color #229b82 has RGB values of R:34, G:155, B:130 and CMYK values of C:0.78, M:0, Y:0.16, K:0.39. Its decimal value is 2268034.
Hex triplet | 229b82 | #229b82 |
---|---|---|
RGB Decimal | 34, 155, 130 | rgb(34,155,130) |
RGB Percent | 13.3, 60.8, 51 | rgb(13.3%,60.8%,51%) |
CMYK | 78, 0, 16, 39 | |
HSL | 167.6°, 64, 37.1 | hsl(167.6,64%,37.1%) |
HSV (or HSB) | 167.6°, 78.1, 60.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 57.456, -38.213, 3.929 |
---|---|
XYZ | 16.409, 25.393, 25.154 |
xyY | 0.245, 0.379, 25.393 |
CIE-LCH | 57.456, 38.414, 174.13 |
CIE-LUV | 57.456, -44.074, 11.253 |
Hunter-Lab | 50.391, -30.06, 5.678 |
Binary | 00100010, 10011011, 10000010 |
Color Schemes with #229b82
Alternatives to #229b82
Below, you can see some colors close to #229b82. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229b82 Preview
This text has a font color of #229b82.
<span style="color:#229b82;">Text here</span>
This paragraph has a background color of #229b82.
<p style="background-color:#229b82;">Content here</p>
This element has a border color of #229b82.
<div style="border:1px solid #229b82;">Content here</div>
.text {color:#229b82;}
.background {background-color:#229b82;}
.border {border:1px solid #229b82;}
Shades and Tints of #229b82
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, #020a09 is the darkest color, while #f9fefd is the lightest one.
-
#020a09
#020a09
rgb(2,10,9)
-
#061a16
#061a16
rgb(6,26,22)
-
#092a24
#092a24
rgb(9,42,36)
-
#0d3a31
#0d3a31
rgb(13,58,49)
-
#104b3f
#104b3f
rgb(16,75,63)
-
#145b4c
#145b4c
rgb(20,91,76)
-
#176b5a
#176b5a
rgb(23,107,90)
-
#1b7b67
#1b7b67
rgb(27,123,103)
-
#1e8b75
#1e8b75
rgb(30,139,117)
-
#229b82
#229b82
rgb(34,155,130)
-
#26ab8f
#26ab8f
rgb(38,171,143)
-
#29bb9d
#29bb9d
rgb(41,187,157)
-
#2dcbaa
#2dcbaa
rgb(45,203,170)
-
#38d3b3
#38d3b3
rgb(56,211,179)
-
#48d7b9
#48d7b9
rgb(72,215,185)
-
#58dac0
#58dac0
rgb(88,218,192)
-
#68dec6
#68dec6
rgb(104,222,198)
-
#78e1cc
#78e1cc
rgb(120,225,204)
-
#89e5d2
#89e5d2
rgb(137,229,210)
-
#99e9d8
#99e9d8
rgb(153,233,216)
-
#a9ecde
#a9ecde
rgb(169,236,222)
-
#b9f0e4
#b9f0e4
rgb(185,240,228)
-
#c9f3ea
#c9f3ea
rgb(201,243,234)
-
#d9f7f1
#d9f7f1
rgb(217,247,241)
-
#e9faf7
#e9faf7
rgb(233,250,247)
-
#f9fefd
#f9fefd
rgb(249,254,253)
Tones of #229b82
A tone is produced by adding gray to any pure hue. In this case, #5c6160 is the less saturated color, while #05b893 is the most saturated one.
-
#5c6160
#5c6160
rgb(92,97,96)
-
#556864
#556864
rgb(85,104,100)
-
#4e6f68
#4e6f68
rgb(78,111,104)
-
#46776d
#46776d
rgb(70,119,109)
-
#3f7e71
#3f7e71
rgb(63,126,113)
-
#388575
#388575
rgb(56,133,117)
-
#318c79
#318c79
rgb(49,140,121)
-
#29947e
#29947e
rgb(41,148,126)
-
#229b82
#229b82
rgb(34,155,130)
-
#1ba286
#1ba286
rgb(27,162,134)
-
#13aa8b
#13aa8b
rgb(19,170,139)
-
#0cb18f
#0cb18f
rgb(12,177,143)
-
#05b893
#05b893
rgb(5,184,147)
Color Blindness Simulator
Below, you can see how #229b82 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.