#286ba4 Color Information
In a RGB color space, hex #286ba4 is composed of 15.7% red, 42% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 34.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 207.6 degrees, a saturation of 60.8% and a lightness of 40%. #286ba4 color hex could be obtained by blending #50d6ff with #000049. Closest websafe color is: #336699.
-
- R 16
- G 42
- B 64
-
- C 76
- M 35
- Y 0
- K 36
● #286ba4 color description : Dark blue.
#286ba4 Color Conversion
The hexadecimal color #286ba4 has RGB values of R:40, G:107, B:164 and CMYK values of C:0.76, M:0.35, Y:0, K:0.36. Its decimal value is 2648996.
Hex triplet | 286ba4 | #286ba4 |
---|---|---|
RGB Decimal | 40, 107, 164 | rgb(40,107,164) |
RGB Percent | 15.7, 42, 64.3 | rgb(15.7%,42%,64.3%) |
CMYK | 76, 35, 0, 36 | |
HSL | 207.6°, 60.8, 40 | hsl(207.6,60.8%,40%) |
HSV (or HSB) | 207.6°, 75.6, 64.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.721, -0.916, -36.696 |
---|---|
XYZ | 12.832, 13.646, 37.078 |
xyY | 0.202, 0.215, 13.646 |
CIE-LCH | 43.721, 36.707, 268.571 |
CIE-LUV | 43.721, -23.706, -53.861 |
Hunter-Lab | 36.94, -2.639, -33.652 |
Binary | 00101000, 01101011, 10100100 |
Color Schemes with #286ba4
Alternatives to #286ba4
Below, you can see some colors close to #286ba4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#286ba4 Preview
This text has a font color of #286ba4.
<span style="color:#286ba4;">Text here</span>
This paragraph has a background color of #286ba4.
<p style="background-color:#286ba4;">Content here</p>
This element has a border color of #286ba4.
<div style="border:1px solid #286ba4;">Content here</div>
.text {color:#286ba4;}
.background {background-color:#286ba4;}
.border {border:1px solid #286ba4;}
Shades and Tints of #286ba4
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, #020406 is the darkest color, while #f6f9fd is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#050e16
#050e16
rgb(5,14,22)
-
#091926
#091926
rgb(9,25,38)
-
#0d2336
#0d2336
rgb(13,35,54)
-
#112d45
#112d45
rgb(17,45,69)
-
#153855
#153855
rgb(21,56,85)
-
#194265
#194265
rgb(25,66,101)
-
#1c4c75
#1c4c75
rgb(28,76,117)
-
#205684
#205684
rgb(32,86,132)
-
#246194
#246194
rgb(36,97,148)
-
#286ba4
#286ba4
rgb(40,107,164)
-
#2c75b4
#2c75b4
rgb(44,117,180)
-
#3080c4
#3080c4
rgb(48,128,196)
-
#3889cf
#3889cf
rgb(56,137,207)
-
#4893d2
#4893d2
rgb(72,147,210)
-
#589cd6
#589cd6
rgb(88,156,214)
-
#68a5da
#68a5da
rgb(104,165,218)
-
#77afde
#77afde
rgb(119,175,222)
-
#87b8e2
#87b8e2
rgb(135,184,226)
-
#97c1e6
#97c1e6
rgb(151,193,230)
-
#a7cbe9
#a7cbe9
rgb(167,203,233)
-
#b6d4ed
#b6d4ed
rgb(182,212,237)
-
#c6ddf1
#c6ddf1
rgb(198,221,241)
-
#d6e7f5
#d6e7f5
rgb(214,231,245)
-
#e6f0f9
#e6f0f9
rgb(230,240,249)
-
#f6f9fd
#f6f9fd
rgb(246,249,253)
Tones of #286ba4
A tone is produced by adding gray to any pure hue. In this case, #5f676d is the less saturated color, while #016ecb is the most saturated one.
-
#5f676d
#5f676d
rgb(95,103,109)
-
#576775
#576775
rgb(87,103,117)
-
#4f687d
#4f687d
rgb(79,104,125)
-
#476885
#476885
rgb(71,104,133)
-
#40698c
#40698c
rgb(64,105,140)
-
#386a94
#386a94
rgb(56,106,148)
-
#306a9c
#306a9c
rgb(48,106,156)
-
#286ba4
#286ba4
rgb(40,107,164)
-
#206cac
#206cac
rgb(32,108,172)
-
#186cb4
#186cb4
rgb(24,108,180)
-
#106dbc
#106dbc
rgb(16,109,188)
-
#096ec3
#096ec3
rgb(9,110,195)
-
#016ecb
#016ecb
rgb(1,110,203)
Color Blindness Simulator
Below, you can see how #286ba4 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.