#2f85f2 Color Information
In a RGB color space, hex #2f85f2 is composed of 18.4% red, 52.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 45% magenta, 0% yellow and 5.1% black. It has a hue angle of 213.5 degrees, a saturation of 88.2% and a lightness of 56.7%. #2f85f2 color hex could be obtained by blending #5effff with #000be5. Closest websafe color is: #3399ff.
-
- R 18
- G 52
- B 95
-
- C 81
- M 45
- Y 0
- K 5
● #2f85f2 color description : Bright blue.
#2f85f2 Color Conversion
The hexadecimal color #2f85f2 has RGB values of R:47, G:133, B:242 and CMYK values of C:0.81, M:0.45, Y:0, K:0.05. Its decimal value is 3114482.
Hex triplet | 2f85f2 | #2f85f2 |
---|---|---|
RGB Decimal | 47, 133, 242 | rgb(47,133,242) |
RGB Percent | 18.4, 52.2, 94.9 | rgb(18.4%,52.2%,94.9%) |
CMYK | 81, 45, 0, 5 | |
HSL | 213.5°, 88.2, 56.7 | hsl(213.5,88.2%,56.7%) |
HSV (or HSB) | 213.5°, 80.6, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.875, 13.025, -61.838 |
---|---|
XYZ | 25.583, 23.788, 87.243 |
xyY | 0.187, 0.174, 23.788 |
CIE-LCH | 55.875, 63.195, 281.895 |
CIE-LUV | 55.875, -28.307, -98.76 |
Hunter-Lab | 48.773, 8.277, -71.914 |
Binary | 00101111, 10000101, 11110010 |
Color Schemes with #2f85f2
Alternatives to #2f85f2
Below, you can see some colors close to #2f85f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f85f2 Preview
This text has a font color of #2f85f2.
<span style="color:#2f85f2;">Text here</span>
This paragraph has a background color of #2f85f2.
<p style="background-color:#2f85f2;">Content here</p>
This element has a border color of #2f85f2.
<div style="border:1px solid #2f85f2;">Content here</div>
.text {color:#2f85f2;}
.background {background-color:#2f85f2;}
.border {border:1px solid #2f85f2;}
Shades and Tints of #2f85f2
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, #01060e is the darkest color, while #fafcff is the lightest one.
-
#01060e
#01060e
rgb(1,6,14)
-
#020f20
#020f20
rgb(2,15,32)
-
#031832
#031832
rgb(3,24,50)
-
#042145
#042145
rgb(4,33,69)
-
#052a57
#052a57
rgb(5,42,87)
-
#07326a
#07326a
rgb(7,50,106)
-
#083b7c
#083b7c
rgb(8,59,124)
-
#09448f
#09448f
rgb(9,68,143)
-
#0a4da1
#0a4da1
rgb(10,77,161)
-
#0b56b4
#0b56b4
rgb(11,86,180)
-
#0c5ec6
#0c5ec6
rgb(12,94,198)
-
#0e67d9
#0e67d9
rgb(14,103,217)
-
#0f70eb
#0f70eb
rgb(15,112,235)
-
#1d7af1
#1d7af1
rgb(29,122,241)
-
#2f85f2
#2f85f2
rgb(47,133,242)
-
#4190f3
#4190f3
rgb(65,144,243)
-
#549bf4
#549bf4
rgb(84,155,244)
-
#66a5f5
#66a5f5
rgb(102,165,245)
-
#79b0f7
#79b0f7
rgb(121,176,247)
-
#8bbbf8
#8bbbf8
rgb(139,187,248)
-
#9ec6f9
#9ec6f9
rgb(158,198,249)
-
#b0d1fa
#b0d1fa
rgb(176,209,250)
-
#c3dcfb
#c3dcfb
rgb(195,220,251)
-
#d5e6fc
#d5e6fc
rgb(213,230,252)
-
#e8f1fe
#e8f1fe
rgb(232,241,254)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #2f85f2
A tone is produced by adding gray to any pure hue. In this case, #8d9095 is the less saturated color, while #2784fb is the most saturated one.
-
#8d9095
#8d9095
rgb(141,144,149)
-
#848f9d
#848f9d
rgb(132,143,157)
-
#7c8ea6
#7c8ea6
rgb(124,142,166)
-
#738dae
#738dae
rgb(115,141,174)
-
#6b8cb7
#6b8cb7
rgb(107,140,183)
-
#628bbf
#628bbf
rgb(98,139,191)
-
#5a8ac8
#5a8ac8
rgb(90,138,200)
-
#5189d0
#5189d0
rgb(81,137,208)
-
#4988d9
#4988d9
rgb(73,136,217)
-
#4087e1
#4087e1
rgb(64,135,225)
-
#3886ea
#3886ea
rgb(56,134,234)
-
#2f85f2
#2f85f2
rgb(47,133,242)
-
#2784fb
#2784fb
rgb(39,132,251)
Color Blindness Simulator
Below, you can see how #2f85f2 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.