#284f63 Color Information
In a RGB color space, hex #284f63 is composed of 15.7% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 200.3 degrees, a saturation of 42.4% and a lightness of 27.3%. #284f63 color hex could be obtained by blending #509ec6 with #000000. Closest websafe color is: #336666.
-
- R 16
- G 31
- B 39
-
- C 60
- M 20
- Y 0
- K 61
● #284f63 color description : Very dark desaturated blue.
#284f63 Color Conversion
The hexadecimal color #284f63 has RGB values of R:40, G:79, B:99 and CMYK values of C:0.6, M:0.2, Y:0, K:0.61. Its decimal value is 2641763.
Hex triplet | 284f63 | #284f63 |
---|---|---|
RGB Decimal | 40, 79, 99 | rgb(40,79,99) |
RGB Percent | 15.7, 31, 38.8 | rgb(15.7%,31%,38.8%) |
CMYK | 60, 20, 0, 61 | |
HSL | 200.3°, 42.4, 27.3 | hsl(200.3,42.4%,27.3%) |
HSV (or HSB) | 200.3°, 59.6, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.678, -7.282, -15.852 |
---|---|
XYZ | 5.923, 6.944, 12.832 |
xyY | 0.23, 0.27, 6.944 |
CIE-LCH | 31.678, 17.445, 245.327 |
CIE-LUV | 31.678, -15.807, -19.651 |
Hunter-Lab | 26.351, -5.993, -10.427 |
Binary | 00101000, 01001111, 01100011 |
Color Schemes with #284f63
Alternatives to #284f63
Below, you can see some colors close to #284f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#284f63 Preview
This text has a font color of #284f63.
<span style="color:#284f63;">Text here</span>
This paragraph has a background color of #284f63.
<p style="background-color:#284f63;">Content here</p>
This element has a border color of #284f63.
<div style="border:1px solid #284f63;">Content here</div>
.text {color:#284f63;}
.background {background-color:#284f63;}
.border {border:1px solid #284f63;}
Shades and Tints of #284f63
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, #000101 is the darkest color, while #f2f7fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#060c0f
#060c0f
rgb(6,12,15)
-
#0c171d
#0c171d
rgb(12,23,29)
-
#11222b
#11222b
rgb(17,34,43)
-
#172e39
#172e39
rgb(23,46,57)
-
#1d3947
#1d3947
rgb(29,57,71)
-
#224455
#224455
rgb(34,68,85)
-
#284f63
#284f63
rgb(40,79,99)
-
#2e5a71
#2e5a71
rgb(46,90,113)
-
#33657f
#33657f
rgb(51,101,127)
-
#39708d
#39708d
rgb(57,112,141)
-
#3f7c9b
#3f7c9b
rgb(63,124,155)
-
#4487a9
#4487a9
rgb(68,135,169)
-
#4b92b6
#4b92b6
rgb(75,146,182)
-
#599abc
#599abc
rgb(89,154,188)
-
#67a3c1
#67a3c1
rgb(103,163,193)
-
#74abc7
#74abc7
rgb(116,171,199)
-
#82b4cd
#82b4cd
rgb(130,180,205)
-
#90bcd2
#90bcd2
rgb(144,188,210)
-
#9ec4d8
#9ec4d8
rgb(158,196,216)
-
#accdde
#accdde
rgb(172,205,222)
-
#bad5e3
#bad5e3
rgb(186,213,227)
-
#c8dee9
#c8dee9
rgb(200,222,233)
-
#d6e6ef
#d6e6ef
rgb(214,230,239)
-
#e4eff4
#e4eff4
rgb(228,239,244)
-
#f2f7fa
#f2f7fa
rgb(242,247,250)
Tones of #284f63
A tone is produced by adding gray to any pure hue. In this case, #434648 is the less saturated color, while #035b88 is the most saturated one.
-
#434648
#434648
rgb(67,70,72)
-
#3d484e
#3d484e
rgb(61,72,78)
-
#384a53
#384a53
rgb(56,74,83)
-
#334c58
#334c58
rgb(51,76,88)
-
#2d4d5e
#2d4d5e
rgb(45,77,94)
-
#284f63
#284f63
rgb(40,79,99)
-
#235168
#235168
rgb(35,81,104)
-
#1d526e
#1d526e
rgb(29,82,110)
-
#185473
#185473
rgb(24,84,115)
-
#135678
#135678
rgb(19,86,120)
-
#0d587e
#0d587e
rgb(13,88,126)
-
#085983
#085983
rgb(8,89,131)
-
#035b88
#035b88
rgb(3,91,136)
Color Blindness Simulator
Below, you can see how #284f63 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.