#7fa4ff color information
In a RGB color space, hex #7fa4ff is composed of 49.8% red, 64.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 35.7% magenta, 0% yellow and 0% black. It has a hue angle of 222.7 degrees, a saturation of 100% and a lightness of 74.9%. #7fa4ff color hex could be obtained by blending #feffff with #0049ff. Closest websafe color is: #6699ff.
#7fa4ff color conversion
The hexadecimal color #7fa4ff has RGB values of R:127, G:164, B:255 and CMYK values of C:0.5, M:0.36, Y:0, K:0. Its decimal value is 8365311.
- Hex triplet 7fa4ff
#7fa4ff - RGB Decimal 127, 164, 255
rgb(127,164,255) - RGB Percent 49.8, 64.3, 100
rgb(49.8%,64.3%,100%) - CMYK 50, 36, 0, 0
- HSL 222.7°, 100, 74.9
hsl(223,100%,75%) - HSV (or HSB) 222.7°, 50.2, 100
- Web Safe 6699ff
#6699ff
- CIE-LAB 68.227, 11.877, -49.109
- XYZ 40.074, 38.281, 99.88
- xyY 0.225, 0.215, 38.281
- CIE-LCH 68.227, 50.524, 283.595
- CIE-LUV 68.227, -19.91, -81.032
- Hunter-Lab 61.872, 7.338, -52.402
- Binary 01111111, 10100100, 11111111
Color Schemes with #7fa4ff
#7fa4ff in action
This text has a font color of #7fa4ff.
<span style="color:#7fa4ff;">Text here</span>
This paragraph has a background color of #7fa4ff.
<p style="background-color:#7fa4ff;">Content here</p>
This element has a border color of #7fa4ff.
<div style="border:1px solid #7fa4ff;">Content here</div>
.text {color:#7fa4ff;}
.background {background-color:#7fa4ff;}
.border {border:1px solid #7fa4ff;}
Shades of #7fa4ff
- #00081d #00081d
rgb(0,8,29) - #001444 #001444
rgb(0,20,68) - #001f6b #001f6b
rgb(0,31,107) - #002a93 #002a93
rgb(0,42,147) - #0036ba #0036ba
rgb(0,54,186) - #0041e1 #0041e1
rgb(0,65,225) - #0950ff #0950ff
rgb(9,80,255) - #316cff #316cff
rgb(49,108,255) - #5888ff #5888ff
rgb(88,136,255) - #7fa4ff #7fa4ff
rgb(127,164,255) - #a6c0ff #a6c0ff
rgb(166,192,255) - #cddcff #cddcff
rgb(205,220,255) - #f5f8ff #f5f8ff
rgb(245,248,255)
Color Blindness Simulator
Below, you can see how #7fa4ff 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.
