#7fb7f4 Color Information
In a RGB color space, hex #7fb7f4 is composed of 49.8% red, 71.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 25% magenta, 0% yellow and 4.3% black. It has a hue angle of 211.3 degrees, a saturation of 84.2% and a lightness of 72.7%. #7fb7f4 color hex could be obtained by blending #feffff with #006fe9. Closest websafe color is: #66ccff.
-
- R 50
- G 72
- B 96
-
- C 48
- M 25
- Y 0
- K 4
● #7fb7f4 color description : Soft blue.
#7fb7f4 Color Conversion
The hexadecimal color #7fb7f4 has RGB values of R:127, G:183, B:244 and CMYK values of C:0.48, M:0.25, Y:0, K:0.04. Its decimal value is 8370164.
Hex triplet | 7fb7f4 | #7fb7f4 |
---|---|---|
RGB Decimal | 127, 183, 244 | rgb(127,183,244) |
RGB Percent | 49.8, 71.8, 95.7 | rgb(49.8%,71.8%,95.7%) |
CMYK | 48, 25, 0, 4 | |
HSL | 211.3°, 84.2, 72.7 | hsl(211.3,84.2%,72.7%) |
HSV (or HSB) | 211.3°, 48, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 72.832, -2.023, -35.945 |
---|---|
XYZ | 42.011, 44.909, 92.037 |
xyY | 0.235, 0.251, 44.909 |
CIE-LCH | 72.832, 36.002, 266.779 |
CIE-LUV | 72.832, -26.887, -57.564 |
Hunter-Lab | 67.014, -5.372, -34.52 |
Binary | 01111111, 10110111, 11110100 |
Color Schemes with #7fb7f4
Alternatives to #7fb7f4
Below, you can see some colors close to #7fb7f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7fb7f4 Preview
This text has a font color of #7fb7f4.
<span style="color:#7fb7f4;">Text here</span>
This paragraph has a background color of #7fb7f4.
<p style="background-color:#7fb7f4;">Content here</p>
This element has a border color of #7fb7f4.
<div style="border:1px solid #7fb7f4;">Content here</div>
.text {color:#7fb7f4;}
.background {background-color:#7fb7f4;}
.border {border:1px solid #7fb7f4;}
Shades and Tints of #7fb7f4
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, #010911 is the darkest color, while #fdfeff is the lightest one.
-
#010911
#010911
rgb(1,9,17)
-
#031223
#031223
rgb(3,18,35)
-
#051c35
#051c35
rgb(5,28,53)
-
#062547
#062547
rgb(6,37,71)
-
#082e59
#082e59
rgb(8,46,89)
-
#09386b
#09386b
rgb(9,56,107)
-
#0b417d
#0b417d
rgb(11,65,125)
-
#0c4b8f
#0c4b8f
rgb(12,75,143)
-
#0e54a1
#0e54a1
rgb(14,84,161)
-
#0f5eb3
#0f5eb3
rgb(15,94,179)
-
#1167c5
#1167c5
rgb(17,103,197)
-
#1271d7
#1271d7
rgb(18,113,215)
-
#147ae9
#147ae9
rgb(20,122,233)
-
#2584ec
#2584ec
rgb(37,132,236)
-
#378eee
#378eee
rgb(55,142,238)
-
#4999ef
#4999ef
rgb(73,153,239)
-
#5ba3f1
#5ba3f1
rgb(91,163,241)
-
#6dadf2
#6dadf2
rgb(109,173,242)
-
#7fb7f4
#7fb7f4
rgb(127,183,244)
-
#91c1f6
#91c1f6
rgb(145,193,246)
-
#a3cbf7
#a3cbf7
rgb(163,203,247)
-
#b5d5f9
#b5d5f9
rgb(181,213,249)
-
#c7e0fa
#c7e0fa
rgb(199,224,250)
-
#d9eafc
#d9eafc
rgb(217,234,252)
-
#ebf4fd
#ebf4fd
rgb(235,244,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #7fb7f4
A tone is produced by adding gray to any pure hue. In this case, #b4b9bf is the less saturated color, while #74b7ff is the most saturated one.
-
#b4b9bf
#b4b9bf
rgb(180,185,191)
-
#afb9c4
#afb9c4
rgb(175,185,196)
-
#aab9c9
#aab9c9
rgb(170,185,201)
-
#a4b9cf
#a4b9cf
rgb(164,185,207)
-
#9fb8d4
#9fb8d4
rgb(159,184,212)
-
#9ab8d9
#9ab8d9
rgb(154,184,217)
-
#94b8df
#94b8df
rgb(148,184,223)
-
#8fb8e4
#8fb8e4
rgb(143,184,228)
-
#8ab7e9
#8ab7e9
rgb(138,183,233)
-
#84b7ef
#84b7ef
rgb(132,183,239)
-
#7fb7f4
#7fb7f4
rgb(127,183,244)
-
#7ab7f9
#7ab7f9
rgb(122,183,249)
-
#74b7ff
#74b7ff
rgb(116,183,255)
Color Blindness Simulator
Below, you can see how #7fb7f4 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.