#3ab6e4 Color Information
In a RGB color space, hex #3ab6e4 is composed of 22.7% red, 71.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 20.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 196.2 degrees, a saturation of 75.9% and a lightness of 56.1%. #3ab6e4 color hex could be obtained by blending #74ffff with #006dc9. Closest websafe color is: #33cccc.
-
- R 23
- G 71
- B 89
-
- C 75
- M 20
- Y 0
- K 11
● #3ab6e4 color description : Bright blue.
#3ab6e4 Color Conversion
The hexadecimal color #3ab6e4 has RGB values of R:58, G:182, B:228 and CMYK values of C:0.75, M:0.2, Y:0, K:0.11. Its decimal value is 3847908.
Hex triplet | 3ab6e4 | #3ab6e4 |
---|---|---|
RGB Decimal | 58, 182, 228 | rgb(58,182,228) |
RGB Percent | 22.7, 71.4, 89.4 | rgb(22.7%,71.4%,89.4%) |
CMYK | 75, 20, 0, 11 | |
HSL | 196.2°, 75.9, 56.1 | hsl(196.2,75.9%,56.1%) |
HSV (or HSB) | 196.2°, 74.6, 89.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.437, -18.722, -32.71 |
---|---|
XYZ | 32.473, 39.954, 79.395 |
xyY | 0.214, 0.263, 39.954 |
CIE-LCH | 69.437, 37.689, 240.215 |
CIE-LUV | 69.437, -43.811, -49.651 |
Hunter-Lab | 63.209, -18.914, -30.226 |
Binary | 00111010, 10110110, 11100100 |
Color Schemes with #3ab6e4
Alternatives to #3ab6e4
Below, you can see some colors close to #3ab6e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ab6e4 Preview
This text has a font color of #3ab6e4.
<span style="color:#3ab6e4;">Text here</span>
This paragraph has a background color of #3ab6e4.
<p style="background-color:#3ab6e4;">Content here</p>
This element has a border color of #3ab6e4.
<div style="border:1px solid #3ab6e4;">Content here</div>
.text {color:#3ab6e4;}
.background {background-color:#3ab6e4;}
.border {border:1px solid #3ab6e4;}
Shades and Tints of #3ab6e4
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, #01080a is the darkest color, while #f8fcfe is the lightest one.
-
#01080a
#01080a
rgb(1,8,10)
-
#04151b
#04151b
rgb(4,21,27)
-
#06222d
#06222d
rgb(6,34,45)
-
#082f3e
#082f3e
rgb(8,47,62)
-
#0b3d4f
#0b3d4f
rgb(11,61,79)
-
#0d4a60
#0d4a60
rgb(13,74,96)
-
#105772
#105772
rgb(16,87,114)
-
#126483
#126483
rgb(18,100,131)
-
#147194
#147194
rgb(20,113,148)
-
#177fa5
#177fa5
rgb(23,127,165)
-
#198cb7
#198cb7
rgb(25,140,183)
-
#1b99c8
#1b99c8
rgb(27,153,200)
-
#1ea6d9
#1ea6d9
rgb(30,166,217)
-
#29b0e2
#29b0e2
rgb(41,176,226)
-
#3ab6e4
#3ab6e4
rgb(58,182,228)
-
#4bbce6
#4bbce6
rgb(75,188,230)
-
#5dc3e9
#5dc3e9
rgb(93,195,233)
-
#6ec9eb
#6ec9eb
rgb(110,201,235)
-
#7fd0ed
#7fd0ed
rgb(127,208,237)
-
#90d6f0
#90d6f0
rgb(144,214,240)
-
#a2dcf2
#a2dcf2
rgb(162,220,242)
-
#b3e3f5
#b3e3f5
rgb(179,227,245)
-
#c4e9f7
#c4e9f7
rgb(196,233,247)
-
#d5f0f9
#d5f0f9
rgb(213,240,249)
-
#e7f6fc
#e7f6fc
rgb(231,246,252)
-
#f8fcfe
#f8fcfe
rgb(248,252,254)
Tones of #3ab6e4
A tone is produced by adding gray to any pure hue. In this case, #889296 is the less saturated color, while #20c2fe is the most saturated one.
-
#889296
#889296
rgb(136,146,150)
-
#7f969f
#7f969f
rgb(127,150,159)
-
#769aa8
#769aa8
rgb(118,154,168)
-
#6e9eb0
#6e9eb0
rgb(110,158,176)
-
#65a2b9
#65a2b9
rgb(101,162,185)
-
#5ca6c2
#5ca6c2
rgb(92,166,194)
-
#54aaca
#54aaca
rgb(84,170,202)
-
#4baed3
#4baed3
rgb(75,174,211)
-
#43b2db
#43b2db
rgb(67,178,219)
-
#3ab6e4
#3ab6e4
rgb(58,182,228)
-
#31baed
#31baed
rgb(49,186,237)
-
#29bef5
#29bef5
rgb(41,190,245)
-
#20c2fe
#20c2fe
rgb(32,194,254)
Color Blindness Simulator
Below, you can see how #3ab6e4 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.