#286ba2 Color Information
In a RGB color space, hex #286ba2 is composed of 15.7% red, 42% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 34% magenta, 0% yellow and 36.5% black. It has a hue angle of 207 degrees, a saturation of 60.4% and a lightness of 39.6%. #286ba2 color hex could be obtained by blending #50d6ff with #000045. Closest websafe color is: #336699.
-
- R 16
- G 42
- B 64
-
- C 75
- M 34
- Y 0
- K 36
● #286ba2 color description : Dark blue.
#286ba2 Color Conversion
The hexadecimal color #286ba2 has RGB values of R:40, G:107, B:162 and CMYK values of C:0.75, M:0.34, Y:0, K:0.36. Its decimal value is 2648994.
Hex triplet | 286ba2 | #286ba2 |
---|---|---|
RGB Decimal | 40, 107, 162 | rgb(40,107,162) |
RGB Percent | 15.7, 42, 63.5 | rgb(15.7%,42%,63.5%) |
CMYK | 75, 34, 0, 36 | |
HSL | 207°, 60.4, 39.6 | hsl(207,60.4%,39.6%) |
HSV (or HSB) | 207°, 75.3, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.616, -1.664, -35.681 |
---|---|
XYZ | 12.653, 13.574, 36.134 |
xyY | 0.203, 0.218, 13.574 |
CIE-LCH | 43.616, 35.72, 267.33 |
CIE-LUV | 43.616, -23.787, -52.193 |
Hunter-Lab | 36.843, -3.174, -32.358 |
Binary | 00101000, 01101011, 10100010 |
Color Schemes with #286ba2
Alternatives to #286ba2
Below, you can see some colors close to #286ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#286ba2 Preview
This text has a font color of #286ba2.
<span style="color:#286ba2;">Text here</span>
This paragraph has a background color of #286ba2.
<p style="background-color:#286ba2;">Content here</p>
This element has a border color of #286ba2.
<div style="border:1px solid #286ba2;">Content here</div>
.text {color:#286ba2;}
.background {background-color:#286ba2;}
.border {border:1px solid #286ba2;}
Shades and Tints of #286ba2
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, #010305 is the darkest color, while #f4f9fc is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#050d14
#050d14
rgb(5,13,20)
-
#091824
#091824
rgb(9,24,36)
-
#0d2234
#0d2234
rgb(13,34,52)
-
#112d44
#112d44
rgb(17,45,68)
-
#153753
#153753
rgb(21,55,83)
-
#184163
#184163
rgb(24,65,99)
-
#1c4c73
#1c4c73
rgb(28,76,115)
-
#205683
#205683
rgb(32,86,131)
-
#246192
#246192
rgb(36,97,146)
-
#286ba2
#286ba2
rgb(40,107,162)
-
#2c75b2
#2c75b2
rgb(44,117,178)
-
#3080c1
#3080c1
rgb(48,128,193)
-
#378ace
#378ace
rgb(55,138,206)
-
#4793d2
#4793d2
rgb(71,147,210)
-
#579cd5
#579cd5
rgb(87,156,213)
-
#66a5d9
#66a5d9
rgb(102,165,217)
-
#76afdd
#76afdd
rgb(118,175,221)
-
#86b8e1
#86b8e1
rgb(134,184,225)
-
#96c1e5
#96c1e5
rgb(150,193,229)
-
#a5cae9
#a5cae9
rgb(165,202,233)
-
#b5d4ed
#b5d4ed
rgb(181,212,237)
-
#c5ddf1
#c5ddf1
rgb(197,221,241)
-
#d4e6f5
#d4e6f5
rgb(212,230,245)
-
#e4eff8
#e4eff8
rgb(228,239,248)
-
#f4f9fc
#f4f9fc
rgb(244,249,252)
Tones of #286ba2
A tone is produced by adding gray to any pure hue. In this case, #5e666c is the less saturated color, while #016fc9 is the most saturated one.
-
#5e666c
#5e666c
rgb(94,102,108)
-
#576673
#576673
rgb(87,102,115)
-
#4f677b
#4f677b
rgb(79,103,123)
-
#476883
#476883
rgb(71,104,131)
-
#3f698b
#3f698b
rgb(63,105,139)
-
#386992
#386992
rgb(56,105,146)
-
#306a9a
#306a9a
rgb(48,106,154)
-
#286ba2
#286ba2
rgb(40,107,162)
-
#206caa
#206caa
rgb(32,108,170)
-
#186db2
#186db2
rgb(24,109,178)
-
#116db9
#116db9
rgb(17,109,185)
-
#096ec1
#096ec1
rgb(9,110,193)
-
#016fc9
#016fc9
rgb(1,111,201)
Color Blindness Simulator
Below, you can see how #286ba2 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.