#afacff Color Information
In a RGB color space, hex #afacff is composed of 68.6% red, 67.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 32.5% magenta, 0% yellow and 0% black. It has a hue angle of 242.2 degrees, a saturation of 100% and a lightness of 83.7%. #afacff color hex could be obtained by blending #ffffff with #5f59ff. Closest websafe color is: #9999ff.
-
- R 69
- G 67
- B 100
-
- C 31
- M 33
- Y 0
- K 0
● #afacff color description : Pale blue.
#afacff Color Conversion
The hexadecimal color #afacff has RGB values of R:175, G:172, B:255 and CMYK values of C:0.31, M:0.33, Y:0, K:0. Its decimal value is 11513087.
Hex triplet | afacff | #afacff |
---|---|---|
RGB Decimal | 175, 172, 255 | rgb(175,172,255) |
RGB Percent | 68.6, 67.5, 100 | rgb(68.6%,67.5%,100%) |
CMYK | 31, 33, 0, 0 | |
HSL | 242.2°, 100, 83.7 | hsl(242.2,100%,83.7%) |
HSV (or HSB) | 242.2°, 32.5, 100 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 73.44, 19.391, -40.709 |
---|---|
XYZ | 50.478, 45.838, 100.79 |
xyY | 0.256, 0.233, 45.838 |
CIE-LCH | 73.44, 45.092, 295.47 |
CIE-LUV | 73.44, -3.601, -68.569 |
Hunter-Lab | 67.704, 14.603, -40.872 |
Binary | 10101111, 10101100, 11111111 |
Color Schemes with #afacff
Alternatives to #afacff
Below, you can see some colors close to #afacff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afacff Preview
This text has a font color of #afacff.
<span style="color:#afacff;">Text here</span>
This paragraph has a background color of #afacff.
<p style="background-color:#afacff;">Content here</p>
This element has a border color of #afacff.
<div style="border:1px solid #afacff;">Content here</div>
.text {color:#afacff;}
.background {background-color:#afacff;}
.border {border:1px solid #afacff;}
Shades and Tints of #afacff
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, #01000f is the darkest color, while #fbfaff is the lightest one.
-
#01000f
#01000f
rgb(1,0,15)
-
#010023
#010023
rgb(1,0,35)
-
#020036
#020036
rgb(2,0,54)
-
#03004a
#03004a
rgb(3,0,74)
-
#03005e
#03005e
rgb(3,0,94)
-
#040071
#040071
rgb(4,0,113)
-
#050085
#050085
rgb(5,0,133)
-
#060098
#060098
rgb(6,0,152)
-
#0600ac
#0600ac
rgb(6,0,172)
-
#0700c0
#0700c0
rgb(7,0,192)
-
#0800d3
#0800d3
rgb(8,0,211)
-
#0800e7
#0800e7
rgb(8,0,231)
-
#0900fa
#0900fa
rgb(9,0,250)
-
#180fff
#180fff
rgb(24,15,255)
-
#2b23ff
#2b23ff
rgb(43,35,255)
-
#3e36ff
#3e36ff
rgb(62,54,255)
-
#504aff
#504aff
rgb(80,74,255)
-
#635eff
#635eff
rgb(99,94,255)
-
#7671ff
#7671ff
rgb(118,113,255)
-
#8985ff
#8985ff
rgb(137,133,255)
-
#9c98ff
#9c98ff
rgb(156,152,255)
-
#afacff
#afacff
rgb(175,172,255)
-
#c2c0ff
#c2c0ff
rgb(194,192,255)
-
#d5d3ff
#d5d3ff
rgb(213,211,255)
-
#e8e7ff
#e8e7ff
rgb(232,231,255)
-
#fbfaff
#fbfaff
rgb(251,250,255)
Tones of #afacff
A tone is produced by adding gray to any pure hue. In this case, #d3d2d9 is the less saturated color, while #afacff is the most saturated one.
-
#d3d2d9
#d3d2d9
rgb(211,210,217)
-
#d0cfdc
#d0cfdc
rgb(208,207,220)
-
#cdccdf
#cdccdf
rgb(205,204,223)
-
#cac9e2
#cac9e2
rgb(202,201,226)
-
#c7c6e5
#c7c6e5
rgb(199,198,229)
-
#c4c2e9
#c4c2e9
rgb(196,194,233)
-
#c1bfec
#c1bfec
rgb(193,191,236)
-
#bebcef
#bebcef
rgb(190,188,239)
-
#bbb9f2
#bbb9f2
rgb(187,185,242)
-
#b8b6f5
#b8b6f5
rgb(184,182,245)
-
#b5b2f9
#b5b2f9
rgb(181,178,249)
-
#b2affc
#b2affc
rgb(178,175,252)
-
#afacff
#afacff
rgb(175,172,255)
Color Blindness Simulator
Below, you can see how #afacff 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.