#3baffc Color Information
In a RGB color space, hex #3baffc is composed of 23.1% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 203.9 degrees, a saturation of 97% and a lightness of 61%. #3baffc color hex could be obtained by blending #76ffff with #005ff9. Closest websafe color is: #3399ff.
-
- R 23
- G 69
- B 99
-
- C 77
- M 31
- Y 0
- K 1
● #3baffc color description : Bright blue.
#3baffc Color Conversion
The hexadecimal color #3baffc has RGB values of R:59, G:175, B:252 and CMYK values of C:0.77, M:0.31, Y:0, K:0.01. Its decimal value is 3911676.
Hex triplet | 3baffc | #3baffc |
---|---|---|
RGB Decimal | 59, 175, 252 | rgb(59,175,252) |
RGB Percent | 23.1, 68.6, 98.8 | rgb(23.1%,68.6%,98.8%) |
CMYK | 77, 31, 0, 1 | |
HSL | 203.9°, 97, 61 | hsl(203.9,97%,61%) |
HSV (or HSB) | 203.9°, 76.6, 98.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.472, -6.746, -47.273 |
---|---|
XYZ | 34.7, 38.615, 97.715 |
xyY | 0.203, 0.226, 38.615 |
CIE-LCH | 68.472, 47.752, 261.879 |
CIE-LUV | 68.472, -39.895, -75.835 |
Hunter-Lab | 62.141, -9.071, -49.733 |
Binary | 00111011, 10101111, 11111100 |
Color Schemes with #3baffc
Alternatives to #3baffc
Below, you can see some colors close to #3baffc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3baffc Preview
This text has a font color of #3baffc.
<span style="color:#3baffc;">Text here</span>
This paragraph has a background color of #3baffc.
<p style="background-color:#3baffc;">Content here</p>
This element has a border color of #3baffc.
<div style="border:1px solid #3baffc;">Content here</div>
.text {color:#3baffc;}
.background {background-color:#3baffc;}
.border {border:1px solid #3baffc;}
Shades and Tints of #3baffc
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, #000a11 is the darkest color, while #fcfeff is the lightest one.
-
#000a11
#000a11
rgb(0,10,17)
-
#011624
#011624
rgb(1,22,36)
-
#012137
#012137
rgb(1,33,55)
-
#012d4a
#012d4a
rgb(1,45,74)
-
#01395e
#01395e
rgb(1,57,94)
-
#024571
#024571
rgb(2,69,113)
-
#025084
#025084
rgb(2,80,132)
-
#025c98
#025c98
rgb(2,92,152)
-
#0368ab
#0368ab
rgb(3,104,171)
-
#0374be
#0374be
rgb(3,116,190)
-
#037fd2
#037fd2
rgb(3,127,210)
-
#048be5
#048be5
rgb(4,139,229)
-
#0497f8
#0497f8
rgb(4,151,248)
-
#149ffb
#149ffb
rgb(20,159,251)
-
#28a7fc
#28a7fc
rgb(40,167,252)
-
#3baffc
#3baffc
rgb(59,175,252)
-
#4eb7fc
#4eb7fc
rgb(78,183,252)
-
#62bffd
#62bffd
rgb(98,191,253)
-
#75c7fd
#75c7fd
rgb(117,199,253)
-
#88cffd
#88cffd
rgb(136,207,253)
-
#9cd6fd
#9cd6fd
rgb(156,214,253)
-
#afdefe
#afdefe
rgb(175,222,254)
-
#c2e6fe
#c2e6fe
rgb(194,230,254)
-
#d6eefe
#d6eefe
rgb(214,238,254)
-
#e9f6ff
#e9f6ff
rgb(233,246,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #3baffc
A tone is produced by adding gray to any pure hue. In this case, #979ca0 is the less saturated color, while #3baffc is the most saturated one.
-
#979ca0
#979ca0
rgb(151,156,160)
-
#8f9ea8
#8f9ea8
rgb(143,158,168)
-
#88a0af
#88a0af
rgb(136,160,175)
-
#80a1b7
#80a1b7
rgb(128,161,183)
-
#78a3bf
#78a3bf
rgb(120,163,191)
-
#71a4c6
#71a4c6
rgb(113,164,198)
-
#69a6ce
#69a6ce
rgb(105,166,206)
-
#61a7d6
#61a7d6
rgb(97,167,214)
-
#5aa9dd
#5aa9dd
rgb(90,169,221)
-
#52aae5
#52aae5
rgb(82,170,229)
-
#4aaced
#4aaced
rgb(74,172,237)
-
#43adf4
#43adf4
rgb(67,173,244)
-
#3baffc
#3baffc
rgb(59,175,252)
Color Blindness Simulator
Below, you can see how #3baffc 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.