#7fb4ff Color Information
In a RGB color space, hex #7fb4ff is composed of 49.8% red, 70.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 29.4% magenta, 0% yellow and 0% black. It has a hue angle of 215.2 degrees, a saturation of 100% and a lightness of 74.9%. #7fb4ff color hex could be obtained by blending #feffff with #0069ff. Closest websafe color is: #66ccff.
-
- R 50
- G 71
- B 100
-
- C 50
- M 29
- Y 0
- K 0
● #7fb4ff color description : Very light blue.
#7fb4ff Color Conversion
The hexadecimal color #7fb4ff has RGB values of R:127, G:180, B:255 and CMYK values of C:0.5, M:0.29, Y:0, K:0. Its decimal value is 8369407.
Hex triplet | 7fb4ff | #7fb4ff |
---|---|---|
RGB Decimal | 127, 180, 255 | rgb(127,180,255) |
RGB Percent | 49.8, 70.6, 100 | rgb(49.8%,70.6%,100%) |
CMYK | 50, 29, 0, 0 | |
HSL | 215.2°, 100, 74.9 | hsl(215.2,100%,74.9%) |
HSV (or HSB) | 215.2°, 50.2, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 72.477, 2.827, -42.438 |
---|---|
XYZ | 43.12, 44.372, 100.895 |
xyY | 0.229, 0.236, 44.372 |
CIE-LCH | 72.477, 42.532, 273.812 |
CIE-LUV | 72.477, -25.726, -69.235 |
Hunter-Lab | 66.613, -1.026, -43.175 |
Binary | 01111111, 10110100, 11111111 |
Color Schemes with #7fb4ff
Alternatives to #7fb4ff
Below, you can see some colors close to #7fb4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7fb4ff Preview
This text has a font color of #7fb4ff.
<span style="color:#7fb4ff;">Text here</span>
This paragraph has a background color of #7fb4ff.
<p style="background-color:#7fb4ff;">Content here</p>
This element has a border color of #7fb4ff.
<div style="border:1px solid #7fb4ff;">Content here</div>
.text {color:#7fb4ff;}
.background {background-color:#7fb4ff;}
.border {border:1px solid #7fb4ff;}
Shades and Tints of #7fb4ff
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, #000409 is the darkest color, while #f5f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#000c1d
#000c1d
rgb(0,12,29)
-
#001431
#001431
rgb(0,20,49)
-
#001c44
#001c44
rgb(0,28,68)
-
#002458
#002458
rgb(0,36,88)
-
#002c6b
#002c6b
rgb(0,44,107)
-
#00357f
#00357f
rgb(0,53,127)
-
#003d93
#003d93
rgb(0,61,147)
-
#0045a6
#0045a6
rgb(0,69,166)
-
#004dba
#004dba
rgb(0,77,186)
-
#0055cd
#0055cd
rgb(0,85,205)
-
#005de1
#005de1
rgb(0,93,225)
-
#0065f5
#0065f5
rgb(0,101,245)
-
#096fff
#096fff
rgb(9,111,255)
-
#1d7bff
#1d7bff
rgb(29,123,255)
-
#3186ff
#3186ff
rgb(49,134,255)
-
#4492ff
#4492ff
rgb(68,146,255)
-
#589dff
#589dff
rgb(88,157,255)
-
#6ba9ff
#6ba9ff
rgb(107,169,255)
-
#7fb4ff
#7fb4ff
rgb(127,180,255)
-
#93bfff
#93bfff
rgb(147,191,255)
-
#a6cbff
#a6cbff
rgb(166,203,255)
-
#bad6ff
#bad6ff
rgb(186,214,255)
-
#cde2ff
#cde2ff
rgb(205,226,255)
-
#e1edff
#e1edff
rgb(225,237,255)
-
#f5f9ff
#f5f9ff
rgb(245,249,255)
Tones of #7fb4ff
A tone is produced by adding gray to any pure hue. In this case, #babec4 is the less saturated color, while #7fb4ff is the most saturated one.
-
#babec4
#babec4
rgb(186,190,196)
-
#b5bdc9
#b5bdc9
rgb(181,189,201)
-
#b0bcce
#b0bcce
rgb(176,188,206)
-
#abbcd3
#abbcd3
rgb(171,188,211)
-
#a6bbd8
#a6bbd8
rgb(166,187,216)
-
#a1badd
#a1badd
rgb(161,186,221)
-
#9db9e1
#9db9e1
rgb(157,185,225)
-
#98b8e6
#98b8e6
rgb(152,184,230)
-
#93b7eb
#93b7eb
rgb(147,183,235)
-
#8eb7f0
#8eb7f0
rgb(142,183,240)
-
#89b6f5
#89b6f5
rgb(137,182,245)
-
#84b5fa
#84b5fa
rgb(132,181,250)
-
#7fb4ff
#7fb4ff
rgb(127,180,255)
Color Blindness Simulator
Below, you can see how #7fb4ff 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.