#2f63bc Color Information
In a RGB color space, hex #2f63bc is composed of 18.4% red, 38.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 47.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 217.9 degrees, a saturation of 60% and a lightness of 46.1%. #2f63bc color hex could be obtained by blending #5ec6ff with #000079. Closest websafe color is: #3366cc.
-
- R 18
- G 39
- B 74
-
- C 75
- M 47
- Y 0
- K 26
● #2f63bc color description : Strong blue.
#2f63bc Color Conversion
The hexadecimal color #2f63bc has RGB values of R:47, G:99, B:188 and CMYK values of C:0.75, M:0.47, Y:0, K:0.26. Its decimal value is 3105724.
Hex triplet | 2f63bc | #2f63bc |
---|---|---|
RGB Decimal | 47, 99, 188 | rgb(47,99,188) |
RGB Percent | 18.4, 38.8, 73.7 | rgb(18.4%,38.8%,73.7%) |
CMYK | 75, 47, 0, 26 | |
HSL | 217.9°, 60, 46.1 | hsl(217.9,60%,46.1%) |
HSV (or HSB) | 217.9°, 75, 73.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43, 14.134, -51.893 |
---|---|
XYZ | 14.709, 13.158, 49.339 |
xyY | 0.191, 0.17, 13.158 |
CIE-LCH | 43, 53.783, 285.236 |
CIE-LUV | 43, -19.255, -77.967 |
Hunter-Lab | 36.274, 8.904, -55.254 |
Binary | 00101111, 01100011, 10111100 |
Color Schemes with #2f63bc
Alternatives to #2f63bc
Below, you can see some colors close to #2f63bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f63bc Preview
This text has a font color of #2f63bc.
<span style="color:#2f63bc;">Text here</span>
This paragraph has a background color of #2f63bc.
<p style="background-color:#2f63bc;">Content here</p>
This element has a border color of #2f63bc.
<div style="border:1px solid #2f63bc;">Content here</div>
.text {color:#2f63bc;}
.background {background-color:#2f63bc;}
.border {border:1px solid #2f63bc;}
Shades and Tints of #2f63bc
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, #04080f is the darkest color, while #ffffff is the lightest one.
-
#04080f
#04080f
rgb(4,8,15)
-
#08101f
#08101f
rgb(8,16,31)
-
#0c192f
#0c192f
rgb(12,25,47)
-
#10213e
#10213e
rgb(16,33,62)
-
#14294e
#14294e
rgb(20,41,78)
-
#17315e
#17315e
rgb(23,49,94)
-
#1b3a6e
#1b3a6e
rgb(27,58,110)
-
#1f427d
#1f427d
rgb(31,66,125)
-
#234a8d
#234a8d
rgb(35,74,141)
-
#27529d
#27529d
rgb(39,82,157)
-
#2b5bac
#2b5bac
rgb(43,91,172)
-
#2f63bc
#2f63bc
rgb(47,99,188)
-
#336bcc
#336bcc
rgb(51,107,204)
-
#4277d0
#4277d0
rgb(66,119,208)
-
#5282d4
#5282d4
rgb(82,130,212)
-
#628dd8
#628dd8
rgb(98,141,216)
-
#7199dc
#7199dc
rgb(113,153,220)
-
#81a4e0
#81a4e0
rgb(129,164,224)
-
#91afe3
#91afe3
rgb(145,175,227)
-
#a1bbe7
#a1bbe7
rgb(161,187,231)
-
#b0c6eb
#b0c6eb
rgb(176,198,235)
-
#c0d1ef
#c0d1ef
rgb(192,209,239)
-
#d0ddf3
#d0ddf3
rgb(208,221,243)
-
#dfe8f7
#dfe8f7
rgb(223,232,247)
-
#eff3fb
#eff3fb
rgb(239,243,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #2f63bc
A tone is produced by adding gray to any pure hue. In this case, #6e747d is the less saturated color, while #0257e9 is the most saturated one.
-
#6e747d
#6e747d
rgb(110,116,125)
-
#657186
#657186
rgb(101,113,134)
-
#5c6f8f
#5c6f8f
rgb(92,111,143)
-
#536c98
#536c98
rgb(83,108,152)
-
#4a6aa1
#4a6aa1
rgb(74,106,161)
-
#4168aa
#4168aa
rgb(65,104,170)
-
#3865b3
#3865b3
rgb(56,101,179)
-
#2f63bc
#2f63bc
rgb(47,99,188)
-
#2661c5
#2661c5
rgb(38,97,197)
-
#1d5ece
#1d5ece
rgb(29,94,206)
-
#145cd7
#145cd7
rgb(20,92,215)
-
#0b5ae0
#0b5ae0
rgb(11,90,224)
-
#0257e9
#0257e9
rgb(2,87,233)
Color Blindness Simulator
Below, you can see how #2f63bc 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.