#3ba2cc Color Information
In a RGB color space, hex #3ba2cc is composed of 23.1% red, 63.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 20.6% magenta, 0% yellow and 20% black. It has a hue angle of 197.4 degrees, a saturation of 58.7% and a lightness of 51.6%. #3ba2cc color hex could be obtained by blending #76ffff with #004599. Closest websafe color is: #3399cc.
-
- R 23
- G 64
- B 80
-
- C 71
- M 21
- Y 0
- K 20
● #3ba2cc color description : Moderate blue.
#3ba2cc Color Conversion
The hexadecimal color #3ba2cc has RGB values of R:59, G:162, B:204 and CMYK values of C:0.71, M:0.21, Y:0, K:0.2. Its decimal value is 3908300.
Hex triplet | 3ba2cc | #3ba2cc |
---|---|---|
RGB Decimal | 59, 162, 204 | rgb(59,162,204) |
RGB Percent | 23.1, 63.5, 80 | rgb(23.1%,63.5%,80%) |
CMYK | 71, 21, 0, 20 | |
HSL | 197.4°, 58.7, 51.6 | hsl(197.4,58.7%,51.6%) |
HSV (or HSB) | 197.4°, 71.1, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.616, -15.873, -30.032 |
---|---|
XYZ | 25.62, 31.128, 61.781 |
xyY | 0.216, 0.263, 31.128 |
CIE-LCH | 62.616, 33.968, 242.141 |
CIE-LUV | 62.616, -37.983, -44.821 |
Hunter-Lab | 55.792, -15.668, -26.6 |
Binary | 00111011, 10100010, 11001100 |
Color Schemes with #3ba2cc
Alternatives to #3ba2cc
Below, you can see some colors close to #3ba2cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ba2cc Preview
This text has a font color of #3ba2cc.
<span style="color:#3ba2cc;">Text here</span>
This paragraph has a background color of #3ba2cc.
<p style="background-color:#3ba2cc;">Content here</p>
This element has a border color of #3ba2cc.
<div style="border:1px solid #3ba2cc;">Content here</div>
.text {color:#3ba2cc;}
.background {background-color:#3ba2cc;}
.border {border:1px solid #3ba2cc;}
Shades and Tints of #3ba2cc
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, #020506 is the darkest color, while #f6fbfd is the lightest one.
-
#020506
#020506
rgb(2,5,6)
-
#061116
#061116
rgb(6,17,22)
-
#0a1d25
#0a1d25
rgb(10,29,37)
-
#0e2a35
#0e2a35
rgb(14,42,53)
-
#123645
#123645
rgb(18,54,69)
-
#164254
#164254
rgb(22,66,84)
-
#1a4e64
#1a4e64
rgb(26,78,100)
-
#1e5b73
#1e5b73
rgb(30,91,115)
-
#226783
#226783
rgb(34,103,131)
-
#267392
#267392
rgb(38,115,146)
-
#2a7fa2
#2a7fa2
rgb(42,127,162)
-
#2e8cb2
#2e8cb2
rgb(46,140,178)
-
#3298c1
#3298c1
rgb(50,152,193)
-
#3ba2cc
#3ba2cc
rgb(59,162,204)
-
#4ba9d0
#4ba9d0
rgb(75,169,208)
-
#5ab1d4
#5ab1d4
rgb(90,177,212)
-
#6ab8d8
#6ab8d8
rgb(106,184,216)
-
#79c0dc
#79c0dc
rgb(121,192,220)
-
#89c7e0
#89c7e0
rgb(137,199,224)
-
#98cee4
#98cee4
rgb(152,206,228)
-
#a8d6e8
#a8d6e8
rgb(168,214,232)
-
#b8ddec
#b8ddec
rgb(184,221,236)
-
#c7e4f0
#c7e4f0
rgb(199,228,240)
-
#d7ecf5
#d7ecf5
rgb(215,236,245)
-
#e6f3f9
#e6f3f9
rgb(230,243,249)
-
#f6fbfd
#f6fbfd
rgb(246,251,253)
Tones of #3ba2cc
A tone is produced by adding gray to any pure hue. In this case, #7e868a is the less saturated color, while #0cb6fc is the most saturated one.
-
#7e868a
#7e868a
rgb(126,134,138)
-
#748a93
#748a93
rgb(116,138,147)
-
#6b8e9d
#6b8e9d
rgb(107,142,157)
-
#6192a6
#6192a6
rgb(97,146,166)
-
#5896b0
#5896b0
rgb(88,150,176)
-
#4e9ab9
#4e9ab9
rgb(78,154,185)
-
#459ec3
#459ec3
rgb(69,158,195)
-
#3ba2cc
#3ba2cc
rgb(59,162,204)
-
#32a6d6
#32a6d6
rgb(50,166,214)
-
#28aadf
#28aadf
rgb(40,170,223)
-
#1faee9
#1faee9
rgb(31,174,233)
-
#15b2f2
#15b2f2
rgb(21,178,242)
-
#0cb6fc
#0cb6fc
rgb(12,182,252)
Color Blindness Simulator
Below, you can see how #3ba2cc 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.