#0286f3 Color Information
In a RGB color space, hex #0286f3 is composed of 0.8% red, 52.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 44.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 207.1 degrees, a saturation of 98.4% and a lightness of 48%. #0286f3 color hex could be obtained by blending #04ffff with #000de7. Closest websafe color is: #0099ff.
-
- R 1
- G 53
- B 95
-
- C 99
- M 45
- Y 0
- K 5
● #0286f3 color description : Vivid blue.
#0286f3 Color Conversion
The hexadecimal color #0286f3 has RGB values of R:2, G:134, B:243 and CMYK values of C:0.99, M:0.45, Y:0, K:0.05. Its decimal value is 165619.
Hex triplet | 0286f3 | #0286f3 |
---|---|---|
RGB Decimal | 2, 134, 243 | rgb(2,134,243) |
RGB Percent | 0.8, 52.5, 95.3 | rgb(0.8%,52.5%,95.3%) |
CMYK | 99, 45, 0, 5 | |
HSL | 207.1°, 98.4, 48 | hsl(207.1,98.4%,48%) |
HSV (or HSB) | 207.1°, 99.2, 95.3 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.616, 10.486, -62.84 |
---|---|
XYZ | 24.724, 23.532, 88.028 |
xyY | 0.181, 0.173, 23.532 |
CIE-LCH | 55.616, 63.709, 279.474 |
CIE-LUV | 55.616, -31.628, -100.021 |
Hunter-Lab | 48.51, 6.085, -73.634 |
Binary | 00000010, 10000110, 11110011 |
Color Schemes with #0286f3
Alternatives to #0286f3
Below, you can see some colors close to #0286f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0286f3 Preview
This text has a font color of #0286f3.
<span style="color:#0286f3;">Text here</span>
This paragraph has a background color of #0286f3.
<p style="background-color:#0286f3;">Content here</p>
This element has a border color of #0286f3.
<div style="border:1px solid #0286f3;">Content here</div>
.text {color:#0286f3;}
.background {background-color:#0286f3;}
.border {border:1px solid #0286f3;}
Shades and Tints of #0286f3
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, #00050a is the darkest color, while #f5faff is the lightest one.
-
#00050a
#00050a
rgb(0,5,10)
-
#00101d
#00101d
rgb(0,16,29)
-
#001b30
#001b30
rgb(0,27,48)
-
#012544
#012544
rgb(1,37,68)
-
#013057
#013057
rgb(1,48,87)
-
#013b6b
#013b6b
rgb(1,59,107)
-
#01467e
#01467e
rgb(1,70,126)
-
#015092
#015092
rgb(1,80,146)
-
#015ba5
#015ba5
rgb(1,91,165)
-
#0266b9
#0266b9
rgb(2,102,185)
-
#0271cc
#0271cc
rgb(2,113,204)
-
#027be0
#027be0
rgb(2,123,224)
-
#0286f3
#0286f3
rgb(2,134,243)
-
#0c90fd
#0c90fd
rgb(12,144,253)
-
#1f99fd
#1f99fd
rgb(31,153,253)
-
#33a2fd
#33a2fd
rgb(51,162,253)
-
#46aafd
#46aafd
rgb(70,170,253)
-
#59b3fe
#59b3fe
rgb(89,179,254)
-
#6dbcfe
#6dbcfe
rgb(109,188,254)
-
#80c5fe
#80c5fe
rgb(128,197,254)
-
#94cefe
#94cefe
rgb(148,206,254)
-
#a7d7fe
#a7d7fe
rgb(167,215,254)
-
#bbe0fe
#bbe0fe
rgb(187,224,254)
-
#cee9ff
#cee9ff
rgb(206,233,255)
-
#e2f2ff
#e2f2ff
rgb(226,242,255)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #0286f3
A tone is produced by adding gray to any pure hue. In this case, #737b82 is the less saturated color, while #0286f3 is the most saturated one.
-
#737b82
#737b82
rgb(115,123,130)
-
#6a7c8b
#6a7c8b
rgb(106,124,139)
-
#607d95
#607d95
rgb(96,125,149)
-
#577e9e
#577e9e
rgb(87,126,158)
-
#4d7fa8
#4d7fa8
rgb(77,127,168)
-
#4480b1
#4480b1
rgb(68,128,177)
-
#3b81ba
#3b81ba
rgb(59,129,186)
-
#3182c4
#3182c4
rgb(49,130,196)
-
#2882cd
#2882cd
rgb(40,130,205)
-
#1e83d7
#1e83d7
rgb(30,131,215)
-
#1584e0
#1584e0
rgb(21,132,224)
-
#0b85ea
#0b85ea
rgb(11,133,234)
-
#0286f3
#0286f3
rgb(2,134,243)
Color Blindness Simulator
Below, you can see how #0286f3 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.