#3ab4bd Color Information
In a RGB color space, hex #3ab4bd is composed of 22.7% red, 70.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 4.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 184.1 degrees, a saturation of 53% and a lightness of 48.4%. #3ab4bd color hex could be obtained by blending #74ffff with #00697b. Closest websafe color is: #33cccc.
-
- R 23
- G 71
- B 74
-
- C 69
- M 5
- Y 0
- K 26
● #3ab4bd color description : Moderate cyan.
#3ab4bd Color Conversion
The hexadecimal color #3ab4bd has RGB values of R:58, G:180, B:189 and CMYK values of C:0.69, M:0.05, Y:0, K:0.26. Its decimal value is 3847357.
Hex triplet | 3ab4bd | #3ab4bd |
---|---|---|
RGB Decimal | 58, 180, 189 | rgb(58,180,189) |
RGB Percent | 22.7, 70.6, 74.1 | rgb(22.7%,70.6%,74.1%) |
CMYK | 69, 5, 0, 26 | |
HSL | 184.1°, 53, 48.4 | hsl(184.1,53%,48.4%) |
HSV (or HSB) | 184.1°, 69.3, 74.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 67.437, -29.952, -14.343 |
---|---|
XYZ | 27.249, 37.214, 53.888 |
xyY | 0.23, 0.314, 37.214 |
CIE-LCH | 67.437, 33.21, 205.589 |
CIE-LUV | 67.437, -45.546, -17.577 |
Hunter-Lab | 61.003, -27.023, -9.673 |
Binary | 00111010, 10110100, 10111101 |
Color Schemes with #3ab4bd
Alternatives to #3ab4bd
Below, you can see some colors close to #3ab4bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ab4bd Preview
This text has a font color of #3ab4bd.
<span style="color:#3ab4bd;">Text here</span>
This paragraph has a background color of #3ab4bd.
<p style="background-color:#3ab4bd;">Content here</p>
This element has a border color of #3ab4bd.
<div style="border:1px solid #3ab4bd;">Content here</div>
.text {color:#3ab4bd;}
.background {background-color:#3ab4bd;}
.border {border:1px solid #3ab4bd;}
Shades and Tints of #3ab4bd
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)
-
#071718
#071718
rgb(7,23,24)
-
#0c2527
#0c2527
rgb(12,37,39)
-
#113336
#113336
rgb(17,51,54)
-
#154245
#154245
rgb(21,66,69)
-
#1a5054
#1a5054
rgb(26,80,84)
-
#1e5e63
#1e5e63
rgb(30,94,99)
-
#236d72
#236d72
rgb(35,109,114)
-
#287b81
#287b81
rgb(40,123,129)
-
#2c8990
#2c8990
rgb(44,137,144)
-
#31979f
#31979f
rgb(49,151,159)
-
#35a6ae
#35a6ae
rgb(53,166,174)
-
#3ab4bd
#3ab4bd
rgb(58,180,189)
-
#45bdc6
#45bdc6
rgb(69,189,198)
-
#54c2ca
#54c2ca
rgb(84,194,202)
-
#63c8cf
#63c8cf
rgb(99,200,207)
-
#72cdd4
#72cdd4
rgb(114,205,212)
-
#81d2d8
#81d2d8
rgb(129,210,216)
-
#90d8dd
#90d8dd
rgb(144,216,221)
-
#9fdde1
#9fdde1
rgb(159,221,225)
-
#aee2e6
#aee2e6
rgb(174,226,230)
-
#bde8eb
#bde8eb
rgb(189,232,235)
-
#ccedef
#ccedef
rgb(204,237,239)
-
#dbf2f4
#dbf2f4
rgb(219,242,244)
-
#eaf8f9
#eaf8f9
rgb(234,248,249)
-
#f9fdfd
#f9fdfd
rgb(249,253,253)
Tones of #3ab4bd
A tone is produced by adding gray to any pure hue. In this case, #738384 is the less saturated color, while #01e5f6 is the most saturated one.
-
#738384
#738384
rgb(115,131,132)
-
#6a8b8e
#6a8b8e
rgb(106,139,142)
-
#609397
#609397
rgb(96,147,151)
-
#579ba1
#579ba1
rgb(87,155,161)
-
#4da4aa
#4da4aa
rgb(77,164,170)
-
#44acb4
#44acb4
rgb(68,172,180)
-
#3ab4bd
#3ab4bd
rgb(58,180,189)
-
#31bcc7
#31bcc7
rgb(49,188,199)
-
#27c4d0
#27c4d0
rgb(39,196,208)
-
#1ecdda
#1ecdda
rgb(30,205,218)
-
#14d5e3
#14d5e3
rgb(20,213,227)
-
#0bdded
#0bdded
rgb(11,221,237)
-
#01e5f6
#01e5f6
rgb(1,229,246)
Color Blindness Simulator
Below, you can see how #3ab4bd 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.