#22686b Color Information
In a RGB color space, hex #22686b is composed of 13.3% red, 40.8% green and 42% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 2.8% magenta, 0% yellow and 58% black. It has a hue angle of 182.5 degrees, a saturation of 51.8% and a lightness of 27.6%. #22686b color hex could be obtained by blending #44d0d6 with #000000. Closest websafe color is: #336666.
-
- R 13
- G 41
- B 42
-
- C 68
- M 3
- Y 0
- K 58
● #22686b color description : Very dark cyan.
#22686b Color Conversion
The hexadecimal color #22686b has RGB values of R:34, G:104, B:107 and CMYK values of C:0.68, M:0.03, Y:0, K:0.58. Its decimal value is 2254955.
Hex triplet | 22686b | #22686b |
---|---|---|
RGB Decimal | 34, 104, 107 | rgb(34,104,107) |
RGB Percent | 13.3, 40.8, 42 | rgb(13.3%,40.8%,42%) |
CMYK | 68, 3, 0, 58 | |
HSL | 182.5°, 51.8, 27.6 | hsl(182.5,51.8%,27.6%) |
HSV (or HSB) | 182.5°, 68.2, 42 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.084, -20.242, -8.08 |
---|---|
XYZ | 8.263, 11.302, 15.655 |
xyY | 0.235, 0.321, 11.302 |
CIE-LCH | 40.084, 21.795, 201.76 |
CIE-LUV | 40.084, -26.46, -8.22 |
Hunter-Lab | 33.618, -14.957, -4.078 |
Binary | 00100010, 01101000, 01101011 |
Color Schemes with #22686b
Alternatives to #22686b
Below, you can see some colors close to #22686b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22686b Preview
This text has a font color of #22686b.
<span style="color:#22686b;">Text here</span>
This paragraph has a background color of #22686b.
<p style="background-color:#22686b;">Content here</p>
This element has a border color of #22686b.
<div style="border:1px solid #22686b;">Content here</div>
.text {color:#22686b;}
.background {background-color:#22686b;}
.border {border:1px solid #22686b;}
Shades and Tints of #22686b
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, #010303 is the darkest color, while #f3fbfb is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#061112
#061112
rgb(6,17,18)
-
#0a2021
#0a2021
rgb(10,32,33)
-
#0f2e2f
#0f2e2f
rgb(15,46,47)
-
#143d3e
#143d3e
rgb(20,61,62)
-
#194b4d
#194b4d
rgb(25,75,77)
-
#1d5a5c
#1d5a5c
rgb(29,90,92)
-
#22686b
#22686b
rgb(34,104,107)
-
#27767a
#27767a
rgb(39,118,122)
-
#2b8589
#2b8589
rgb(43,133,137)
-
#309398
#309398
rgb(48,147,152)
-
#35a2a7
#35a2a7
rgb(53,162,167)
-
#3ab0b5
#3ab0b5
rgb(58,176,181)
-
#40bdc2
#40bdc2
rgb(64,189,194)
-
#4fc2c7
#4fc2c7
rgb(79,194,199)
-
#5ec7cc
#5ec7cc
rgb(94,199,204)
-
#6dccd1
#6dccd1
rgb(109,204,209)
-
#7cd2d5
#7cd2d5
rgb(124,210,213)
-
#8bd7da
#8bd7da
rgb(139,215,218)
-
#9adcdf
#9adcdf
rgb(154,220,223)
-
#a8e1e4
#a8e1e4
rgb(168,225,228)
-
#b7e6e8
#b7e6e8
rgb(183,230,232)
-
#c6ebed
#c6ebed
rgb(198,235,237)
-
#d5f1f2
#d5f1f2
rgb(213,241,242)
-
#e4f6f6
#e4f6f6
rgb(228,246,246)
-
#f3fbfb
#f3fbfb
rgb(243,251,251)
Tones of #22686b
A tone is produced by adding gray to any pure hue. In this case, #434a4a is the less saturated color, while #01868c is the most saturated one.
-
#434a4a
#434a4a
rgb(67,74,74)
-
#3d4f50
#3d4f50
rgb(61,79,80)
-
#385455
#385455
rgb(56,84,85)
-
#32595b
#32595b
rgb(50,89,91)
-
#2d5e60
#2d5e60
rgb(45,94,96)
-
#276366
#276366
rgb(39,99,102)
-
#22686b
#22686b
rgb(34,104,107)
-
#1d6d70
#1d6d70
rgb(29,109,112)
-
#177276
#177276
rgb(23,114,118)
-
#12777b
#12777b
rgb(18,119,123)
-
#0c7c81
#0c7c81
rgb(12,124,129)
-
#078186
#078186
rgb(7,129,134)
-
#01868c
#01868c
rgb(1,134,140)
Color Blindness Simulator
Below, you can see how #22686b 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.