#2f6ddd Color Information
In a RGB color space, hex #2f6ddd is composed of 18.4% red, 42.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 50.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 218.6 degrees, a saturation of 71.9% and a lightness of 52.5%. #2f6ddd color hex could be obtained by blending #5edaff with #0000bb. Closest websafe color is: #3366cc.
-
- R 18
- G 43
- B 87
-
- C 79
- M 51
- Y 0
- K 13
● #2f6ddd color description : Bright blue.
#2f6ddd Color Conversion
The hexadecimal color #2f6ddd has RGB values of R:47, G:109, B:221 and CMYK values of C:0.79, M:0.51, Y:0, K:0.13. Its decimal value is 3108317.
Hex triplet | 2f6ddd | #2f6ddd |
---|---|---|
RGB Decimal | 47, 109, 221 | rgb(47,109,221) |
RGB Percent | 18.4, 42.7, 86.7 | rgb(18.4%,42.7%,86.7%) |
CMYK | 79, 51, 0, 13 | |
HSL | 218.6°, 71.9, 52.5 | hsl(218.6,71.9%,52.5%) |
HSV (or HSB) | 218.6°, 78.7, 86.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.957, 20.17, -62.835 |
---|---|
XYZ | 19.689, 16.761, 70.6 |
xyY | 0.184, 0.157, 16.761 |
CIE-LCH | 47.957, 65.993, 287.797 |
CIE-LUV | 47.957, -21.663, -97.233 |
Hunter-Lab | 40.94, 14.202, -73.587 |
Binary | 00101111, 01101101, 11011101 |
Color Schemes with #2f6ddd
Alternatives to #2f6ddd
Below, you can see some colors close to #2f6ddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f6ddd Preview
This text has a font color of #2f6ddd.
<span style="color:#2f6ddd;">Text here</span>
This paragraph has a background color of #2f6ddd.
<p style="background-color:#2f6ddd;">Content here</p>
This element has a border color of #2f6ddd.
<div style="border:1px solid #2f6ddd;">Content here</div>
.text {color:#2f6ddd;}
.background {background-color:#2f6ddd;}
.border {border:1px solid #2f6ddd;}
Shades and Tints of #2f6ddd
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, #02050b is the darkest color, while #f9fbfe is the lightest one.
-
#02050b
#02050b
rgb(2,5,11)
-
#050d1c
#050d1c
rgb(5,13,28)
-
#07152d
#07152d
rgb(7,21,45)
-
#0a1d3e
#0a1d3e
rgb(10,29,62)
-
#0d244f
#0d244f
rgb(13,36,79)
-
#102c5f
#102c5f
rgb(16,44,95)
-
#123470
#123470
rgb(18,52,112)
-
#153c81
#153c81
rgb(21,60,129)
-
#184392
#184392
rgb(24,67,146)
-
#1b4ba3
#1b4ba3
rgb(27,75,163)
-
#1d53b4
#1d53b4
rgb(29,83,180)
-
#205bc5
#205bc5
rgb(32,91,197)
-
#2363d5
#2363d5
rgb(35,99,213)
-
#2f6ddd
#2f6ddd
rgb(47,109,221)
-
#4079e0
#4079e0
rgb(64,121,224)
-
#5185e3
#5185e3
rgb(81,133,227)
-
#6291e5
#6291e5
rgb(98,145,229)
-
#729ce8
#729ce8
rgb(114,156,232)
-
#83a8eb
#83a8eb
rgb(131,168,235)
-
#94b4ee
#94b4ee
rgb(148,180,238)
-
#a5c0f0
#a5c0f0
rgb(165,192,240)
-
#b6ccf3
#b6ccf3
rgb(182,204,243)
-
#c7d8f6
#c7d8f6
rgb(199,216,246)
-
#d8e3f9
#d8e3f9
rgb(216,227,249)
-
#e8effb
#e8effb
rgb(232,239,251)
-
#f9fbfe
#f9fbfe
rgb(249,251,254)
Tones of #2f6ddd
A tone is produced by adding gray to any pure hue. In this case, #838589 is the less saturated color, while #1365f9 is the most saturated one.
-
#838589
#838589
rgb(131,133,137)
-
#798293
#798293
rgb(121,130,147)
-
#70809c
#70809c
rgb(112,128,156)
-
#677da5
#677da5
rgb(103,125,165)
-
#5e7aae
#5e7aae
rgb(94,122,174)
-
#5478b8
#5478b8
rgb(84,120,184)
-
#4b75c1
#4b75c1
rgb(75,117,193)
-
#4272ca
#4272ca
rgb(66,114,202)
-
#3870d4
#3870d4
rgb(56,112,212)
-
#2f6ddd
#2f6ddd
rgb(47,109,221)
-
#266ae6
#266ae6
rgb(38,106,230)
-
#1c68f0
#1c68f0
rgb(28,104,240)
-
#1365f9
#1365f9
rgb(19,101,249)
Color Blindness Simulator
Below, you can see how #2f6ddd 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.