#2f6bcc Color Information
In a RGB color space, hex #2f6bcc is composed of 18.4% red, 42% green and 80% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 47.5% magenta, 0% yellow and 20% black. It has a hue angle of 217.1 degrees, a saturation of 62.5% and a lightness of 49.2%. #2f6bcc color hex could be obtained by blending #5ed6ff with #000099. Closest websafe color is: #3366cc.
-
- R 18
- G 42
- B 80
-
- C 77
- M 48
- Y 0
- K 20
● #2f6bcc color description : Strong blue.
#2f6bcc Color Conversion
The hexadecimal color #2f6bcc has RGB values of R:47, G:107, B:204 and CMYK values of C:0.77, M:0.48, Y:0, K:0.2. Its decimal value is 3107788.
Hex triplet | 2f6bcc | #2f6bcc |
---|---|---|
RGB Decimal | 47, 107, 204 | rgb(47,107,204) |
RGB Percent | 18.4, 42, 80 | rgb(18.4%,42%,80%) |
CMYK | 77, 48, 0, 20 | |
HSL | 217.1°, 62.5, 49.2 | hsl(217.1,62.5%,49.2%) |
HSV (or HSB) | 217.1°, 77, 80 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.282, 15.049, -55.852 |
---|---|
XYZ | 17.327, 15.478, 59.198 |
xyY | 0.188, 0.168, 15.478 |
CIE-LCH | 46.282, 57.843, 285.08 |
CIE-LUV | 46.282, -21.398, -85.539 |
Hunter-Lab | 39.342, 9.764, -61.674 |
Binary | 00101111, 01101011, 11001100 |
Color Schemes with #2f6bcc
Alternatives to #2f6bcc
Below, you can see some colors close to #2f6bcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f6bcc Preview
This text has a font color of #2f6bcc.
<span style="color:#2f6bcc;">Text here</span>
This paragraph has a background color of #2f6bcc.
<p style="background-color:#2f6bcc;">Content here</p>
This element has a border color of #2f6bcc.
<div style="border:1px solid #2f6bcc;">Content here</div>
.text {color:#2f6bcc;}
.background {background-color:#2f6bcc;}
.border {border:1px solid #2f6bcc;}
Shades and Tints of #2f6bcc
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, #03070d is the darkest color, while #fcfdfe is the lightest one.
-
#03070d
#03070d
rgb(3,7,13)
-
#070f1d
#070f1d
rgb(7,15,29)
-
#0a172d
#0a172d
rgb(10,23,45)
-
#0e203d
#0e203d
rgb(14,32,61)
-
#12284c
#12284c
rgb(18,40,76)
-
#15305c
#15305c
rgb(21,48,92)
-
#19396c
#19396c
rgb(25,57,108)
-
#1d417c
#1d417c
rgb(29,65,124)
-
#204a8c
#204a8c
rgb(32,74,140)
-
#24529c
#24529c
rgb(36,82,156)
-
#285aac
#285aac
rgb(40,90,172)
-
#2b63bc
#2b63bc
rgb(43,99,188)
-
#2f6bcc
#2f6bcc
rgb(47,107,204)
-
#3c76d2
#3c76d2
rgb(60,118,210)
-
#4c81d6
#4c81d6
rgb(76,129,214)
-
#5c8cda
#5c8cda
rgb(92,140,218)
-
#6c97dd
#6c97dd
rgb(108,151,221)
-
#7ca3e1
#7ca3e1
rgb(124,163,225)
-
#8caee5
#8caee5
rgb(140,174,229)
-
#9cb9e8
#9cb9e8
rgb(156,185,232)
-
#acc4ec
#acc4ec
rgb(172,196,236)
-
#bcd0f0
#bcd0f0
rgb(188,208,240)
-
#ccdbf3
#ccdbf3
rgb(204,219,243)
-
#dce6f7
#dce6f7
rgb(220,230,247)
-
#ecf1fb
#ecf1fb
rgb(236,241,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #2f6bcc
A tone is produced by adding gray to any pure hue. In this case, #7c7d7f is the less saturated color, while #0862f3 is the most saturated one.
-
#7c7d7f
#7c7d7f
rgb(124,125,127)
-
#737b88
#737b88
rgb(115,123,136)
-
#697992
#697992
rgb(105,121,146)
-
#5f769c
#5f769c
rgb(95,118,156)
-
#5674a5
#5674a5
rgb(86,116,165)
-
#4c72af
#4c72af
rgb(76,114,175)
-
#4270b9
#4270b9
rgb(66,112,185)
-
#396dc2
#396dc2
rgb(57,109,194)
-
#2f6bcc
#2f6bcc
rgb(47,107,204)
-
#2569d6
#2569d6
rgb(37,105,214)
-
#1c66df
#1c66df
rgb(28,102,223)
-
#1264e9
#1264e9
rgb(18,100,233)
-
#0862f3
#0862f3
rgb(8,98,243)
Color Blindness Simulator
Below, you can see how #2f6bcc 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.