#3ab0bd Color Information
In a RGB color space, hex #3ab0bd is composed of 22.7% red, 69% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 6.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 186 degrees, a saturation of 53% and a lightness of 48.4%. #3ab0bd color hex could be obtained by blending #74ffff with #00617b. Closest websafe color is: #3399cc.
-
- R 23
- G 69
- B 74
-
- C 69
- M 7
- Y 0
- K 26
● #3ab0bd color description : Moderate cyan.
#3ab0bd Color Conversion
The hexadecimal color #3ab0bd has RGB values of R:58, G:176, B:189 and CMYK values of C:0.69, M:0.07, Y:0, K:0.26. Its decimal value is 3846333.
Hex triplet | 3ab0bd | #3ab0bd |
---|---|---|
RGB Decimal | 58, 176, 189 | rgb(58,176,189) |
RGB Percent | 22.7, 69, 74.1 | rgb(22.7%,69%,74.1%) |
CMYK | 69, 7, 0, 26 | |
HSL | 186°, 53, 48.4 | hsl(186,53%,48.4%) |
HSV (or HSB) | 186°, 69.3, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.23, -27.991, -16.164 |
---|---|
XYZ | 26.453, 35.622, 53.623 |
xyY | 0.229, 0.308, 35.622 |
CIE-LCH | 66.23, 32.323, 210.006 |
CIE-LUV | 66.23, -44.096, -20.733 |
Hunter-Lab | 59.684, -25.333, -11.49 |
Binary | 00111010, 10110000, 10111101 |
Color Schemes with #3ab0bd
Alternatives to #3ab0bd
Below, you can see some colors close to #3ab0bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ab0bd Preview
This text has a font color of #3ab0bd.
<span style="color:#3ab0bd;">Text here</span>
This paragraph has a background color of #3ab0bd.
<p style="background-color:#3ab0bd;">Content here</p>
This element has a border color of #3ab0bd.
<div style="border:1px solid #3ab0bd;">Content here</div>
.text {color:#3ab0bd;}
.background {background-color:#3ab0bd;}
.border {border:1px solid #3ab0bd;}
Shades and Tints of #3ab0bd
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, #030809 is the darkest color, while #f9fdfd is the lightest one.
-
#030809
#030809
rgb(3,8,9)
-
#071618
#071618
rgb(7,22,24)
-
#0c2427
#0c2427
rgb(12,36,39)
-
#113236
#113236
rgb(17,50,54)
-
#154045
#154045
rgb(21,64,69)
-
#1a4e54
#1a4e54
rgb(26,78,84)
-
#1e5c63
#1e5c63
rgb(30,92,99)
-
#236a72
#236a72
rgb(35,106,114)
-
#287881
#287881
rgb(40,120,129)
-
#2c8690
#2c8690
rgb(44,134,144)
-
#31949f
#31949f
rgb(49,148,159)
-
#35a2ae
#35a2ae
rgb(53,162,174)
-
#3ab0bd
#3ab0bd
rgb(58,176,189)
-
#45b9c6
#45b9c6
rgb(69,185,198)
-
#54bfca
#54bfca
rgb(84,191,202)
-
#63c4cf
#63c4cf
rgb(99,196,207)
-
#72cad4
#72cad4
rgb(114,202,212)
-
#81d0d8
#81d0d8
rgb(129,208,216)
-
#90d5dd
#90d5dd
rgb(144,213,221)
-
#9fdbe1
#9fdbe1
rgb(159,219,225)
-
#aee1e6
#aee1e6
rgb(174,225,230)
-
#bde6eb
#bde6eb
rgb(189,230,235)
-
#ccecef
#ccecef
rgb(204,236,239)
-
#dbf1f4
#dbf1f4
rgb(219,241,244)
-
#eaf7f9
#eaf7f9
rgb(234,247,249)
-
#f9fdfd
#f9fdfd
rgb(249,253,253)
Tones of #3ab0bd
A tone is produced by adding gray to any pure hue. In this case, #738284 is the less saturated color, while #01def6 is the most saturated one.
-
#738284
#738284
rgb(115,130,132)
-
#6a8a8e
#6a8a8e
rgb(106,138,142)
-
#609297
#609297
rgb(96,146,151)
-
#5799a1
#5799a1
rgb(87,153,161)
-
#4da1aa
#4da1aa
rgb(77,161,170)
-
#44a8b4
#44a8b4
rgb(68,168,180)
-
#3ab0bd
#3ab0bd
rgb(58,176,189)
-
#31b8c7
#31b8c7
rgb(49,184,199)
-
#27bfd0
#27bfd0
rgb(39,191,208)
-
#1ec7da
#1ec7da
rgb(30,199,218)
-
#14cee3
#14cee3
rgb(20,206,227)
-
#0bd6ed
#0bd6ed
rgb(11,214,237)
-
#01def6
#01def6
rgb(1,222,246)
Color Blindness Simulator
Below, you can see how #3ab0bd 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.