#2f7bce Color Information
In a RGB color space, hex #2f7bce is composed of 18.4% red, 48.2% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 40.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 211.3 degrees, a saturation of 62.8% and a lightness of 49.6%. #2f7bce color hex could be obtained by blending #5ef6ff with #00009d. Closest websafe color is: #3366cc.
-
- R 18
- G 48
- B 81
-
- C 77
- M 40
- Y 0
- K 19
● #2f7bce color description : Strong blue.
#2f7bce Color Conversion
The hexadecimal color #2f7bce has RGB values of R:47, G:123, B:206 and CMYK values of C:0.77, M:0.4, Y:0, K:0.19. Its decimal value is 3111886.
Hex triplet | 2f7bce | #2f7bce |
---|---|---|
RGB Decimal | 47, 123, 206 | rgb(47,123,206) |
RGB Percent | 18.4, 48.2, 80.8 | rgb(18.4%,48.2%,80.8%) |
CMYK | 77, 40, 0, 19 | |
HSL | 211.3°, 62.8, 49.6 | hsl(211.3,62.8%,49.6%) |
HSV (or HSB) | 211.3°, 77.2, 80.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 50.949, 5.782, -49.515 |
---|---|
XYZ | 19.393, 19.225, 61.078 |
xyY | 0.195, 0.193, 19.225 |
CIE-LCH | 50.949, 49.851, 276.661 |
CIE-LUV | 50.949, -26.394, -76.795 |
Hunter-Lab | 43.846, 2.22, -51.899 |
Binary | 00101111, 01111011, 11001110 |
Color Schemes with #2f7bce
Alternatives to #2f7bce
Below, you can see some colors close to #2f7bce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f7bce Preview
This text has a font color of #2f7bce.
<span style="color:#2f7bce;">Text here</span>
This paragraph has a background color of #2f7bce.
<p style="background-color:#2f7bce;">Content here</p>
This element has a border color of #2f7bce.
<div style="border:1px solid #2f7bce;">Content here</div>
.text {color:#2f7bce;}
.background {background-color:#2f7bce;}
.border {border:1px solid #2f7bce;}
Shades and Tints of #2f7bce
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, #03090e is the darkest color, while #fdfeff is the lightest one.
-
#03090e
#03090e
rgb(3,9,14)
-
#07121e
#07121e
rgb(7,18,30)
-
#0b1c2e
#0b1c2e
rgb(11,28,46)
-
#0e253e
#0e253e
rgb(14,37,62)
-
#122f4e
#122f4e
rgb(18,47,78)
-
#15385e
#15385e
rgb(21,56,94)
-
#19426e
#19426e
rgb(25,66,110)
-
#1d4b7e
#1d4b7e
rgb(29,75,126)
-
#20558e
#20558e
rgb(32,85,142)
-
#245e9e
#245e9e
rgb(36,94,158)
-
#2868ae
#2868ae
rgb(40,104,174)
-
#2b71be
#2b71be
rgb(43,113,190)
-
#2f7bce
#2f7bce
rgb(47,123,206)
-
#3e85d3
#3e85d3
rgb(62,133,211)
-
#4e8fd7
#4e8fd7
rgb(78,143,215)
-
#5e99da
#5e99da
rgb(94,153,218)
-
#6ea3de
#6ea3de
rgb(110,163,222)
-
#7eade1
#7eade1
rgb(126,173,225)
-
#8eb7e5
#8eb7e5
rgb(142,183,229)
-
#9ec1e9
#9ec1e9
rgb(158,193,233)
-
#aeccec
#aeccec
rgb(174,204,236)
-
#bdd6f0
#bdd6f0
rgb(189,214,240)
-
#cde0f4
#cde0f4
rgb(205,224,244)
-
#ddeaf7
#ddeaf7
rgb(221,234,247)
-
#edf4fb
#edf4fb
rgb(237,244,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #2f7bce
A tone is produced by adding gray to any pure hue. In this case, #7d7e80 is the less saturated color, while #0879f5 is the most saturated one.
-
#7d7e80
#7d7e80
rgb(125,126,128)
-
#737e8a
#737e8a
rgb(115,126,138)
-
#697e94
#697e94
rgb(105,126,148)
-
#607d9d
#607d9d
rgb(96,125,157)
-
#567da7
#567da7
rgb(86,125,167)
-
#4c7cb1
#4c7cb1
rgb(76,124,177)
-
#427cbb
#427cbb
rgb(66,124,187)
-
#397bc4
#397bc4
rgb(57,123,196)
-
#2f7bce
#2f7bce
rgb(47,123,206)
-
#257bd8
#257bd8
rgb(37,123,216)
-
#1c7ae1
#1c7ae1
rgb(28,122,225)
-
#127aeb
#127aeb
rgb(18,122,235)
-
#0879f5
#0879f5
rgb(8,121,245)
Color Blindness Simulator
Below, you can see how #2f7bce 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.