#af97ff Color Information
In a RGB color space, hex #af97ff is composed of 68.6% red, 59.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 40.8% magenta, 0% yellow and 0% black. It has a hue angle of 253.8 degrees, a saturation of 100% and a lightness of 79.6%. #af97ff color hex could be obtained by blending #ffffff with #5f2fff. Closest websafe color is: #9999ff.
-
- R 69
- G 59
- B 100
-
- C 31
- M 41
- Y 0
- K 0
● #af97ff color description : Very light blue.
#af97ff Color Conversion
The hexadecimal color #af97ff has RGB values of R:175, G:151, B:255 and CMYK values of C:0.31, M:0.41, Y:0, K:0. Its decimal value is 11507711.
Hex triplet | af97ff | #af97ff |
---|---|---|
RGB Decimal | 175, 151, 255 | rgb(175,151,255) |
RGB Percent | 68.6, 59.2, 100 | rgb(68.6%,59.2%,100%) |
CMYK | 31, 41, 0, 0 | |
HSL | 253.8°, 100, 79.6 | hsl(253.8,100%,79.6%) |
HSV (or HSB) | 253.8°, 40.8, 100 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 68.363, 31.17, -48.668 |
---|---|
XYZ | 46.793, 38.467, 99.562 |
xyY | 0.253, 0.208, 38.467 |
CIE-LCH | 68.363, 57.794, 302.638 |
CIE-LUV | 68.363, 4.496, -82.689 |
Hunter-Lab | 62.022, 26.132, -51.762 |
Binary | 10101111, 10010111, 11111111 |
Color Schemes with #af97ff
Alternatives to #af97ff
Below, you can see some colors close to #af97ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af97ff Preview
This text has a font color of #af97ff.
<span style="color:#af97ff;">Text here</span>
This paragraph has a background color of #af97ff.
<p style="background-color:#af97ff;">Content here</p>
This element has a border color of #af97ff.
<div style="border:1px solid #af97ff;">Content here</div>
.text {color:#af97ff;}
.background {background-color:#af97ff;}
.border {border:1px solid #af97ff;}
Shades and Tints of #af97ff
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, #03000e is the darkest color, while #faf9ff is the lightest one.
-
#03000e
#03000e
rgb(3,0,14)
-
#080021
#080021
rgb(8,0,33)
-
#0c0035
#0c0035
rgb(12,0,53)
-
#110049
#110049
rgb(17,0,73)
-
#15005c
#15005c
rgb(21,0,92)
-
#1a0070
#1a0070
rgb(26,0,112)
-
#1e0083
#1e0083
rgb(30,0,131)
-
#230097
#230097
rgb(35,0,151)
-
#2700ab
#2700ab
rgb(39,0,171)
-
#2c00be
#2c00be
rgb(44,0,190)
-
#3000d2
#3000d2
rgb(48,0,210)
-
#3500e5
#3500e5
rgb(53,0,229)
-
#3900f9
#3900f9
rgb(57,0,249)
-
#450eff
#450eff
rgb(69,14,255)
-
#5421ff
#5421ff
rgb(84,33,255)
-
#6435ff
#6435ff
rgb(100,53,255)
-
#7349ff
#7349ff
rgb(115,73,255)
-
#825cff
#825cff
rgb(130,92,255)
-
#9170ff
#9170ff
rgb(145,112,255)
-
#a083ff
#a083ff
rgb(160,131,255)
-
#af97ff
#af97ff
rgb(175,151,255)
-
#beabff
#beabff
rgb(190,171,255)
-
#cdbeff
#cdbeff
rgb(205,190,255)
-
#dcd2ff
#dcd2ff
rgb(220,210,255)
-
#ebe5ff
#ebe5ff
rgb(235,229,255)
-
#faf9ff
#faf9ff
rgb(250,249,255)
Tones of #af97ff
A tone is produced by adding gray to any pure hue. In this case, #c9c7cf is the less saturated color, while #af97ff is the most saturated one.
-
#c9c7cf
#c9c7cf
rgb(201,199,207)
-
#c7c3d3
#c7c3d3
rgb(199,195,211)
-
#c5bfd7
#c5bfd7
rgb(197,191,215)
-
#c2bbdb
#c2bbdb
rgb(194,187,219)
-
#c0b7df
#c0b7df
rgb(192,183,223)
-
#beb3e3
#beb3e3
rgb(190,179,227)
-
#bcafe7
#bcafe7
rgb(188,175,231)
-
#baabeb
#baabeb
rgb(186,171,235)
-
#b8a7ef
#b8a7ef
rgb(184,167,239)
-
#b5a3f3
#b5a3f3
rgb(181,163,243)
-
#b39ff7
#b39ff7
rgb(179,159,247)
-
#b19bfb
#b19bfb
rgb(177,155,251)
-
#af97ff
#af97ff
rgb(175,151,255)
Color Blindness Simulator
Below, you can see how #af97ff 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.