#1abccc Color Information
In a RGB color space, hex #1abccc is composed of 10.2% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 185.4 degrees, a saturation of 77.4% and a lightness of 45.1%. #1abccc color hex could be obtained by blending #34ffff with #007999. Closest websafe color is: #33cccc.
-
- R 10
- G 74
- B 80
-
- C 87
- M 8
- Y 0
- K 20
● #1abccc color description : Strong cyan.
#1abccc Color Conversion
The hexadecimal color #1abccc has RGB values of R:26, G:188, B:204 and CMYK values of C:0.87, M:0.08, Y:0, K:0.2. Its decimal value is 1752268.
| Hex triplet | 1abccc | #1abccc |
|---|---|---|
| RGB Decimal | 26, 188, 204 | rgb(26,188,204) |
| RGB Percent | 10.2, 73.7, 80 | rgb(10.2%,73.7%,80%) |
| CMYK | 87, 8, 0, 20 | |
| HSL | 185.4°, 77.4, 45.1 | hsl(185.4,77.4%,45.1%) |
| HSV (or HSB) | 185.4°, 87.3, 80 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 69.854, -32.279, -18.988 |
|---|---|
| XYZ | 29.305, 40.543, 63.404 |
| xyY | 0.22, 0.304, 40.543 |
| CIE-LCH | 69.854, 37.449, 210.466 |
| CIE-LUV | 69.854, -51.046, -24.948 |
| Hunter-Lab | 63.673, -29.275, -14.468 |
| Binary | 00011010, 10111100, 11001100 |
Color Schemes with #1abccc
Alternatives to #1abccc
Below, you can see some colors close to #1abccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1abccc Preview
This text has a font color of #1abccc.
<span style="color:#1abccc;">Text here</span>
This paragraph has a background color of #1abccc.
<p style="background-color:#1abccc;">Content here</p>
This element has a border color of #1abccc.
<div style="border:1px solid #1abccc;">Content here</div>
.text {color:#1abccc;}
.background {background-color:#1abccc;}
.border {border:1px solid #1abccc;}
Shades and Tints of #1abccc
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, #020c0d is the darkest color, while #fafefe is the lightest one.
-
#020c0d
#020c0drgb(2,12,13) -
#041c1e
#041c1ergb(4,28,30) -
#062c2f
#062c2frgb(6,44,47) -
#083c41
#083c41rgb(8,60,65) -
#0a4c52
#0a4c52rgb(10,76,82) -
#0d5c64
#0d5c64rgb(13,92,100) -
#0f6c75
#0f6c75rgb(15,108,117) -
#117c86
#117c86rgb(17,124,134) -
#138c98
#138c98rgb(19,140,152) -
#169ca9
#169ca9rgb(22,156,169) -
#18acbb
#18acbbrgb(24,172,187) -
#1abccc
#1abcccrgb(26,188,204) -
#1cccdd
#1cccddrgb(28,204,221)
-
#29d3e4
#29d3e4rgb(41,211,228) -
#3bd7e6
#3bd7e6rgb(59,215,230) -
#4cdae8
#4cdae8rgb(76,218,232) -
#5edeea
#5edeeargb(94,222,234) -
#6fe1ed
#6fe1edrgb(111,225,237) -
#80e5ef
#80e5efrgb(128,229,239) -
#92e9f1
#92e9f1rgb(146,233,241) -
#a3ecf3
#a3ecf3rgb(163,236,243) -
#b5f0f6
#b5f0f6rgb(181,240,246) -
#c6f3f8
#c6f3f8rgb(198,243,248) -
#d7f7fa
#d7f7fargb(215,247,250) -
#e9fafc
#e9fafcrgb(233,250,252) -
#fafefe
#fafefergb(250,254,254)
Tones of #1abccc
A tone is produced by adding gray to any pure hue. In this case, #727374 is the less saturated color, while #08cbde is the most saturated one.
-
#727374
#727374rgb(114,115,116) -
#6a7b7c
#6a7b7crgb(106,123,124) -
#618285
#618285rgb(97,130,133) -
#58898e
#58898ergb(88,137,142) -
#4f9097
#4f9097rgb(79,144,151) -
#4698a0
#4698a0rgb(70,152,160) -
#3d9fa9
#3d9fa9rgb(61,159,169) -
#35a6b1
#35a6b1rgb(53,166,177) -
#2cadba
#2cadbargb(44,173,186) -
#23b5c3
#23b5c3rgb(35,181,195) -
#1abccc
#1abcccrgb(26,188,204) -
#11c3d5
#11c3d5rgb(17,195,213) -
#08cbde
#08cbdergb(8,203,222)
Color Blindness Simulator
Below, you can see how #1abccc 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.
