#3acaf5 Color Information
In a RGB color space, hex #3acaf5 is composed of 22.7% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 193.8 degrees, a saturation of 90.3% and a lightness of 59.4%. #3acaf5 color hex could be obtained by blending #74ffff with #0095eb. Closest websafe color is: #33ccff.
-
- R 23
- G 79
- B 96
-
- C 76
- M 18
- Y 0
- K 4
● #3acaf5 color description : Bright cyan.
#3acaf5 Color Conversion
The hexadecimal color #3acaf5 has RGB values of R:58, G:202, B:245 and CMYK values of C:0.76, M:0.18, Y:0, K:0.04. Its decimal value is 3853045.
Hex triplet | 3acaf5 | #3acaf5 |
---|---|---|
RGB Decimal | 58, 202, 245 | rgb(58,202,245) |
RGB Percent | 22.7, 79.2, 96.1 | rgb(22.7%,79.2%,96.1%) |
CMYK | 76, 18, 0, 4 | |
HSL | 193.8°, 90.3, 59.4 | hsl(193.8,90.3%,59.4%) |
HSV (or HSB) | 193.8°, 76.3, 96.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.903, -23.504, -31.921 |
---|---|
XYZ | 39.342, 49.73, 93.906 |
xyY | 0.215, 0.272, 49.73 |
CIE-LCH | 75.903, 39.641, 233.635 |
CIE-LUV | 75.903, -49.685, -48.228 |
Hunter-Lab | 70.519, -23.824, -29.59 |
Binary | 00111010, 11001010, 11110101 |
Color Schemes with #3acaf5
Alternatives to #3acaf5
Below, you can see some colors close to #3acaf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3acaf5 Preview
This text has a font color of #3acaf5.
<span style="color:#3acaf5;">Text here</span>
This paragraph has a background color of #3acaf5.
<p style="background-color:#3acaf5;">Content here</p>
This element has a border color of #3acaf5.
<div style="border:1px solid #3acaf5;">Content here</div>
.text {color:#3acaf5;}
.background {background-color:#3acaf5;}
.border {border:1px solid #3acaf5;}
Shades and Tints of #3acaf5
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, #000708 is the darkest color, while #f5fcfe is the lightest one.
-
#000708
#000708
rgb(0,7,8)
-
#01151b
#01151b
rgb(1,21,27)
-
#02242e
#02242e
rgb(2,36,46)
-
#033240
#033240
rgb(3,50,64)
-
#044153
#044153
rgb(4,65,83)
-
#054f66
#054f66
rgb(5,79,102)
-
#065e78
#065e78
rgb(6,94,120)
-
#076d8b
#076d8b
rgb(7,109,139)
-
#087b9e
#087b9e
rgb(8,123,158)
-
#098ab0
#098ab0
rgb(9,138,176)
-
#0a98c3
#0a98c3
rgb(10,152,195)
-
#0ba7d6
#0ba7d6
rgb(11,167,214)
-
#0cb6e8
#0cb6e8
rgb(12,182,232)
-
#15c0f3
#15c0f3
rgb(21,192,243)
-
#27c5f4
#27c5f4
rgb(39,197,244)
-
#3acaf5
#3acaf5
rgb(58,202,245)
-
#4dcff6
#4dcff6
rgb(77,207,246)
-
#5fd4f7
#5fd4f7
rgb(95,212,247)
-
#72d9f8
#72d9f8
rgb(114,217,248)
-
#85def9
#85def9
rgb(133,222,249)
-
#97e3fa
#97e3fa
rgb(151,227,250)
-
#aae8fb
#aae8fb
rgb(170,232,251)
-
#bdedfc
#bdedfc
rgb(189,237,252)
-
#cff2fd
#cff2fd
rgb(207,242,253)
-
#e2f7fe
#e2f7fe
rgb(226,247,254)
-
#f5fcfe
#f5fcfe
rgb(245,252,254)
Tones of #3acaf5
A tone is produced by adding gray to any pure hue. In this case, #929b9d is the less saturated color, while #32cefd is the most saturated one.
-
#929b9d
#929b9d
rgb(146,155,157)
-
#8a9fa5
#8a9fa5
rgb(138,159,165)
-
#82a3ad
#82a3ad
rgb(130,163,173)
-
#7aa8b5
#7aa8b5
rgb(122,168,181)
-
#72acbd
#72acbd
rgb(114,172,189)
-
#6ab0c5
#6ab0c5
rgb(106,176,197)
-
#62b4cd
#62b4cd
rgb(98,180,205)
-
#5ab9d5
#5ab9d5
rgb(90,185,213)
-
#52bddd
#52bddd
rgb(82,189,221)
-
#4ac1e5
#4ac1e5
rgb(74,193,229)
-
#42c6ed
#42c6ed
rgb(66,198,237)
-
#3acaf5
#3acaf5
rgb(58,202,245)
-
#32cefd
#32cefd
rgb(50,206,253)
Color Blindness Simulator
Below, you can see how #3acaf5 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.