#2f77c3 Color Information
In a RGB color space, hex #2f77c3 is composed of 18.4% red, 46.7% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 39% magenta, 0% yellow and 23.5% black. It has a hue angle of 210.8 degrees, a saturation of 61.2% and a lightness of 47.5%. #2f77c3 color hex could be obtained by blending #5eeeff with #000087. Closest websafe color is: #3366cc.
-
- R 18
- G 47
- B 76
-
- C 76
- M 39
- Y 0
- K 24
● #2f77c3 color description : Strong blue.
#2f77c3 Color Conversion
The hexadecimal color #2f77c3 has RGB values of R:47, G:119, B:195 and CMYK values of C:0.76, M:0.39, Y:0, K:0.24. Its decimal value is 3110851.
Hex triplet | 2f77c3 | #2f77c3 |
---|---|---|
RGB Decimal | 47, 119, 195 | rgb(47,119,195) |
RGB Percent | 18.4, 46.7, 76.5 | rgb(18.4%,46.7%,76.5%) |
CMYK | 76, 39, 0, 24 | |
HSL | 210.8°, 61.2, 47.5 | hsl(210.8,61.2%,47.5%) |
HSV (or HSB) | 210.8°, 75.9, 76.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 49.175, 4.154, -46.058 |
---|---|
XYZ | 17.617, 17.737, 54.122 |
xyY | 0.197, 0.198, 17.737 |
CIE-LCH | 49.175, 46.245, 275.154 |
CIE-LUV | 49.175, -25.475, -70.606 |
Hunter-Lab | 42.115, 0.967, -46.713 |
Binary | 00101111, 01110111, 11000011 |
Color Schemes with #2f77c3
Alternatives to #2f77c3
Below, you can see some colors close to #2f77c3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f77c3 Preview
This text has a font color of #2f77c3.
<span style="color:#2f77c3;">Text here</span>
This paragraph has a background color of #2f77c3.
<p style="background-color:#2f77c3;">Content here</p>
This element has a border color of #2f77c3.
<div style="border:1px solid #2f77c3;">Content here</div>
.text {color:#2f77c3;}
.background {background-color:#2f77c3;}
.border {border:1px solid #2f77c3;}
Shades and Tints of #2f77c3
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, #010305 is the darkest color, while #f5f8fc is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#050d15
#050d15
rgb(5,13,21)
-
#091725
#091725
rgb(9,23,37)
-
#0d2035
#0d2035
rgb(13,32,53)
-
#112a45
#112a45
rgb(17,42,69)
-
#143354
#143354
rgb(20,51,84)
-
#183d64
#183d64
rgb(24,61,100)
-
#1c4774
#1c4774
rgb(28,71,116)
-
#205084
#205084
rgb(32,80,132)
-
#245a94
#245a94
rgb(36,90,148)
-
#2764a3
#2764a3
rgb(39,100,163)
-
#2b6db3
#2b6db3
rgb(43,109,179)
-
#2f77c3
#2f77c3
rgb(47,119,195)
-
#3781cf
#3781cf
rgb(55,129,207)
-
#478bd3
#478bd3
rgb(71,139,211)
-
#5695d6
#5695d6
rgb(86,149,214)
-
#669fda
#669fda
rgb(102,159,218)
-
#76a9de
#76a9de
rgb(118,169,222)
-
#86b3e2
#86b3e2
rgb(134,179,226)
-
#96bde6
#96bde6
rgb(150,189,230)
-
#a5c7e9
#a5c7e9
rgb(165,199,233)
-
#b5d1ed
#b5d1ed
rgb(181,209,237)
-
#c5daf1
#c5daf1
rgb(197,218,241)
-
#d5e4f5
#d5e4f5
rgb(213,228,245)
-
#e5eef9
#e5eef9
rgb(229,238,249)
-
#f5f8fc
#f5f8fc
rgb(245,248,252)
Tones of #2f77c3
A tone is produced by adding gray to any pure hue. In this case, #707982 is the less saturated color, while #0076f2 is the most saturated one.
-
#707982
#707982
rgb(112,121,130)
-
#67798b
#67798b
rgb(103,121,139)
-
#5e7894
#5e7894
rgb(94,120,148)
-
#54789e
#54789e
rgb(84,120,158)
-
#4b78a7
#4b78a7
rgb(75,120,167)
-
#4278b0
#4278b0
rgb(66,120,176)
-
#3877ba
#3877ba
rgb(56,119,186)
-
#2f77c3
#2f77c3
rgb(47,119,195)
-
#2677cc
#2677cc
rgb(38,119,204)
-
#1c76d6
#1c76d6
rgb(28,118,214)
-
#1376df
#1376df
rgb(19,118,223)
-
#0a76e8
#0a76e8
rgb(10,118,232)
-
#0076f2
#0076f2
rgb(0,118,242)
Color Blindness Simulator
Below, you can see how #2f77c3 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.