#2abccc Color Information
In a RGB color space, hex #2abccc is composed of 16.5% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 185.9 degrees, a saturation of 65.9% and a lightness of 48.2%. #2abccc color hex could be obtained by blending #54ffff with #007999. Closest websafe color is: #33cccc.
-
- R 16
- G 74
- B 80
-
- C 79
- M 8
- Y 0
- K 20
● #2abccc color description : Strong cyan.
#2abccc Color Conversion
The hexadecimal color #2abccc has RGB values of R:42, G:188, B:204 and CMYK values of C:0.79, M:0.08, Y:0, K:0.2. Its decimal value is 2800844.
Hex triplet | 2abccc | #2abccc |
---|---|---|
RGB Decimal | 42, 188, 204 | rgb(42,188,204) |
RGB Percent | 16.5, 73.7, 80 | rgb(16.5%,73.7%,80%) |
CMYK | 79, 8, 0, 20 | |
HSL | 185.9°, 65.9, 48.2 | hsl(185.9,65.9%,48.2%) |
HSV (or HSB) | 185.9°, 79.4, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.046, -31.087, -18.679 |
---|---|
XYZ | 29.834, 40.815, 63.429 |
xyY | 0.223, 0.304, 40.815 |
CIE-LCH | 70.046, 36.267, 211 |
CIE-LUV | 70.046, -49.599, -24.596 |
Hunter-Lab | 63.887, -28.446, -14.144 |
Binary | 00101010, 10111100, 11001100 |
Color Schemes with #2abccc
Alternatives to #2abccc
Below, you can see some colors close to #2abccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2abccc Preview
This text has a font color of #2abccc.
<span style="color:#2abccc;">Text here</span>
This paragraph has a background color of #2abccc.
<p style="background-color:#2abccc;">Content here</p>
This element has a border color of #2abccc.
<div style="border:1px solid #2abccc;">Content here</div>
.text {color:#2abccc;}
.background {background-color:#2abccc;}
.border {border:1px solid #2abccc;}
Shades and Tints of #2abccc
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, #020809 is the darkest color, while #f8fdfd is the lightest one.
-
#020809
#020809
rgb(2,8,9)
-
#051719
#051719
rgb(5,23,25)
-
#092629
#092629
rgb(9,38,41)
-
#0c353a
#0c353a
rgb(12,53,58)
-
#0f444a
#0f444a
rgb(15,68,74)
-
#13535a
#13535a
rgb(19,83,90)
-
#16626a
#16626a
rgb(22,98,106)
-
#19717b
#19717b
rgb(25,113,123)
-
#1d808b
#1d808b
rgb(29,128,139)
-
#208f9b
#208f9b
rgb(32,143,155)
-
#239eab
#239eab
rgb(35,158,171)
-
#27adbc
#27adbc
rgb(39,173,188)
-
#2abccc
#2abccc
rgb(42,188,204)
-
#34c5d5
#34c5d5
rgb(52,197,213)
-
#45cad9
#45cad9
rgb(69,202,217)
-
#55cfdc
#55cfdc
rgb(85,207,220)
-
#65d3df
#65d3df
rgb(101,211,223)
-
#75d8e3
#75d8e3
rgb(117,216,227)
-
#86dde6
#86dde6
rgb(134,221,230)
-
#96e1e9
#96e1e9
rgb(150,225,233)
-
#a6e6ed
#a6e6ed
rgb(166,230,237)
-
#b6eaf0
#b6eaf0
rgb(182,234,240)
-
#c7eff3
#c7eff3
rgb(199,239,243)
-
#d7f4f7
#d7f4f7
rgb(215,244,247)
-
#e7f8fa
#e7f8fa
rgb(231,248,250)
-
#f8fdfd
#f8fdfd
rgb(248,253,253)
Tones of #2abccc
A tone is produced by adding gray to any pure hue. In this case, #767f80 is the less saturated color, while #04daf2 is the most saturated one.
-
#767f80
#767f80
rgb(118,127,128)
-
#6c878a
#6c878a
rgb(108,135,138)
-
#638e93
#638e93
rgb(99,142,147)
-
#59969d
#59969d
rgb(89,150,157)
-
#509ea6
#509ea6
rgb(80,158,166)
-
#46a5b0
#46a5b0
rgb(70,165,176)
-
#3dadb9
#3dadb9
rgb(61,173,185)
-
#33b4c3
#33b4c3
rgb(51,180,195)
-
#2abccc
#2abccc
rgb(42,188,204)
-
#21c4d5
#21c4d5
rgb(33,196,213)
-
#17cbdf
#17cbdf
rgb(23,203,223)
-
#0ed3e8
#0ed3e8
rgb(14,211,232)
-
#04daf2
#04daf2
rgb(4,218,242)
Color Blindness Simulator
Below, you can see how #2abccc 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.