#22686e Color Information
In a RGB color space, hex #22686e is composed of 13.3% red, 40.8% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 5.5% magenta, 0% yellow and 56.9% black. It has a hue angle of 184.7 degrees, a saturation of 52.8% and a lightness of 28.2%. #22686e color hex could be obtained by blending #44d0dc with #000000. Closest websafe color is: #336666.
-
- R 13
- G 41
- B 43
-
- C 69
- M 5
- Y 0
- K 57
● #22686e color description : Very dark cyan.
#22686e Color Conversion
The hexadecimal color #22686e has RGB values of R:34, G:104, B:110 and CMYK values of C:0.69, M:0.05, Y:0, K:0.57. Its decimal value is 2254958.
Hex triplet | 22686e | #22686e |
---|---|---|
RGB Decimal | 34, 104, 110 | rgb(34,104,110) |
RGB Percent | 13.3, 40.8, 43.1 | rgb(13.3%,40.8%,43.1%) |
CMYK | 69, 5, 0, 57 | |
HSL | 184.7°, 52.8, 28.2 | hsl(184.7,52.8%,28.2%) |
HSV (or HSB) | 184.7°, 69.1, 43.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.19, -19.273, -9.751 |
---|---|
XYZ | 8.424, 11.366, 16.501 |
xyY | 0.232, 0.313, 11.366 |
CIE-LCH | 40.19, 21.599, 206.836 |
CIE-LUV | 40.19, -26.292, -10.71 |
Hunter-Lab | 33.713, -14.398, -5.42 |
Binary | 00100010, 01101000, 01101110 |
Color Schemes with #22686e
Alternatives to #22686e
Below, you can see some colors close to #22686e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22686e Preview
This text has a font color of #22686e.
<span style="color:#22686e;">Text here</span>
This paragraph has a background color of #22686e.
<p style="background-color:#22686e;">Content here</p>
This element has a border color of #22686e.
<div style="border:1px solid #22686e;">Content here</div>
.text {color:#22686e;}
.background {background-color:#22686e;}
.border {border:1px solid #22686e;}
Shades and Tints of #22686e
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, #020505 is the darkest color, while #f5fbfc is the lightest one.
-
#020505
#020505
rgb(2,5,5)
-
#061314
#061314
rgb(6,19,20)
-
#0b2123
#0b2123
rgb(11,33,35)
-
#0f2f32
#0f2f32
rgb(15,47,50)
-
#143e41
#143e41
rgb(20,62,65)
-
#194c50
#194c50
rgb(25,76,80)
-
#1d5a5f
#1d5a5f
rgb(29,90,95)
-
#22686e
#22686e
rgb(34,104,110)
-
#27767d
#27767d
rgb(39,118,125)
-
#2b848c
#2b848c
rgb(43,132,140)
-
#30939b
#30939b
rgb(48,147,155)
-
#35a1aa
#35a1aa
rgb(53,161,170)
-
#39afb9
#39afb9
rgb(57,175,185)
-
#41bac4
#41bac4
rgb(65,186,196)
-
#50bfc9
#50bfc9
rgb(80,191,201)
-
#5fc5ce
#5fc5ce
rgb(95,197,206)
-
#6ecad2
#6ecad2
rgb(110,202,210)
-
#7dd0d7
#7dd0d7
rgb(125,208,215)
-
#8cd5dc
#8cd5dc
rgb(140,213,220)
-
#9bdbe0
#9bdbe0
rgb(155,219,224)
-
#aae0e5
#aae0e5
rgb(170,224,229)
-
#b9e6e9
#b9e6e9
rgb(185,230,233)
-
#c8ebee
#c8ebee
rgb(200,235,238)
-
#d7f1f3
#d7f1f3
rgb(215,241,243)
-
#e6f6f7
#e6f6f7
rgb(230,246,247)
-
#f5fbfc
#f5fbfc
rgb(245,251,252)
Tones of #22686e
A tone is produced by adding gray to any pure hue. In this case, #434c4d is the less saturated color, while #01848f is the most saturated one.
-
#434c4d
#434c4d
rgb(67,76,77)
-
#3e5152
#3e5152
rgb(62,81,82)
-
#385558
#385558
rgb(56,85,88)
-
#335a5d
#335a5d
rgb(51,90,93)
-
#2d5f63
#2d5f63
rgb(45,95,99)
-
#286368
#286368
rgb(40,99,104)
-
#22686e
#22686e
rgb(34,104,110)
-
#1c6d74
#1c6d74
rgb(28,109,116)
-
#177179
#177179
rgb(23,113,121)
-
#11767f
#11767f
rgb(17,118,127)
-
#0c7b84
#0c7b84
rgb(12,123,132)
-
#067f8a
#067f8a
rgb(6,127,138)
-
#01848f
#01848f
rgb(1,132,143)
Color Blindness Simulator
Below, you can see how #22686e 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.