#3bacc6 Color Information
In a RGB color space, hex #3bacc6 is composed of 23.1% red, 67.5% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 13.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 191.2 degrees, a saturation of 54.9% and a lightness of 50.4%. #3bacc6 color hex could be obtained by blending #76ffff with #00598d. Closest websafe color is: #3399cc.
-
- R 23
- G 67
- B 78
-
- C 70
- M 13
- Y 0
- K 22
● #3bacc6 color description : Moderate cyan.
#3bacc6 Color Conversion
The hexadecimal color #3bacc6 has RGB values of R:59, G:172, B:198 and CMYK values of C:0.7, M:0.13, Y:0, K:0.22. Its decimal value is 3910854.
Hex triplet | 3bacc6 | #3bacc6 |
---|---|---|
RGB Decimal | 59, 172, 198 | rgb(59,172,198) |
RGB Percent | 23.1, 67.5, 77.6 | rgb(23.1%,67.5%,77.6%) |
CMYK | 70, 13, 0, 22 | |
HSL | 191.2°, 54.9, 50.4 | hsl(191.2,54.9%,50.4%) |
HSV (or HSB) | 191.2°, 70.2, 77.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.365, -23.06, -22.467 |
---|---|
XYZ | 26.746, 34.51, 58.674 |
xyY | 0.223, 0.288, 34.51 |
CIE-LCH | 65.365, 32.196, 224.253 |
CIE-LUV | 65.365, -41.922, -31.622 |
Hunter-Lab | 58.745, -21.533, -18.097 |
Binary | 00111011, 10101100, 11000110 |
Color Schemes with #3bacc6
Alternatives to #3bacc6
Below, you can see some colors close to #3bacc6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3bacc6 Preview
This text has a font color of #3bacc6.
<span style="color:#3bacc6;">Text here</span>
This paragraph has a background color of #3bacc6.
<p style="background-color:#3bacc6;">Content here</p>
This element has a border color of #3bacc6.
<div style="border:1px solid #3bacc6;">Content here</div>
.text {color:#3bacc6;}
.background {background-color:#3bacc6;}
.border {border:1px solid #3bacc6;}
Shades and Tints of #3bacc6
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, #000102 is the darkest color, while #f1f9fb is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#050f11
#050f11
rgb(5,15,17)
-
#091c20
#091c20
rgb(9,28,32)
-
#0e292f
#0e292f
rgb(14,41,47)
-
#12363e
#12363e
rgb(18,54,62)
-
#17434e
#17434e
rgb(23,67,78)
-
#1b505d
#1b505d
rgb(27,80,93)
-
#1f5e6c
#1f5e6c
rgb(31,94,108)
-
#246b7b
#246b7b
rgb(36,107,123)
-
#28788a
#28788a
rgb(40,120,138)
-
#2d859a
#2d859a
rgb(45,133,154)
-
#3192a9
#3192a9
rgb(49,146,169)
-
#35a0b8
#35a0b8
rgb(53,160,184)
-
#3bacc6
#3bacc6
rgb(59,172,198)
-
#4ab2ca
#4ab2ca
rgb(74,178,202)
-
#59b9cf
#59b9cf
rgb(89,185,207)
-
#69bfd3
#69bfd3
rgb(105,191,211)
-
#78c6d8
#78c6d8
rgb(120,198,216)
-
#87ccdc
#87ccdc
rgb(135,204,220)
-
#96d3e1
#96d3e1
rgb(150,211,225)
-
#a5d9e5
#a5d9e5
rgb(165,217,229)
-
#b5dfe9
#b5dfe9
rgb(181,223,233)
-
#c4e6ee
#c4e6ee
rgb(196,230,238)
-
#d3ecf2
#d3ecf2
rgb(211,236,242)
-
#e2f3f7
#e2f3f7
rgb(226,243,247)
-
#f1f9fb
#f1f9fb
rgb(241,249,251)
Tones of #3bacc6
A tone is produced by adding gray to any pure hue. In this case, #7f8182 is the less saturated color, while #0acaf7 is the most saturated one.
-
#7f8182
#7f8182
rgb(127,129,130)
-
#75878c
#75878c
rgb(117,135,140)
-
#6c8e95
#6c8e95
rgb(108,142,149)
-
#62949f
#62949f
rgb(98,148,159)
-
#589aa9
#589aa9
rgb(88,154,169)
-
#4ea0b3
#4ea0b3
rgb(78,160,179)
-
#45a6bc
#45a6bc
rgb(69,166,188)
-
#3bacc6
#3bacc6
rgb(59,172,198)
-
#31b2d0
#31b2d0
rgb(49,178,208)
-
#28b8d9
#28b8d9
rgb(40,184,217)
-
#1ebee3
#1ebee3
rgb(30,190,227)
-
#14c4ed
#14c4ed
rgb(20,196,237)
-
#0acaf7
#0acaf7
rgb(10,202,247)
Color Blindness Simulator
Below, you can see how #3bacc6 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.