#284f85 hex color

In a RGB color space, hex #284f85 is composed of 15.7% red, 31% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 40.6% magenta, 0% yellow and 47.8% black. It has a hue angle of 214.8 degrees, a saturation of 53.8% and a lightness of 33.9%. #284f85 color hex could be obtained by blending #509eff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 31
- B 52
RGB color chart
- C 70
- M 41
- Y 0
- K 48
CMYK color chart

● #284f85 color description : Dark moderate blue.

The hexadecimal color #284f85 has RGB values of R:40, G:79, B:133 and CMYK values of C:0.7, M:0.41, Y:0, K:0.48. Its decimal value is 2641797.

Hex triplet	284f85	`#284f85`
RGB Decimal	40, 79, 133	`rgb(40,79,133)`
RGB Percent	15.7, 31, 52.2	`rgb(15.7%,31%,52.2%)`
CMYK	70, 41, 0, 48
HSL	214.8°, 53.8, 33.9	`hsl(214.8,53.8%,33.9%)`
HSV (or HSB)	214.8°, 69.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	33.427, 5.193, -34.349
XYZ	7.904, 7.736, 23.266
xyY	0.203, 0.199, 7.736
CIE-LCH	33.427, 34.74, 278.597
CIE-LUV	33.427, -15.061, -47.353
Hunter-Lab	27.814, 2.05, -30.126
Binary	00101000, 01001111, 10000101

#284f85
```
#284f85 rgb(40,79,133)
```
#855e28
```
#855e28 rgb(133,94,40)
```

Complementary Color

#287e85
```
#287e85 rgb(40,126,133)
```
#284f85
```
#284f85 rgb(40,79,133)
```
#302885
```
#302885 rgb(48,40,133)
```

Analogous Color

#7e8528
```
#7e8528 rgb(126,133,40)
```
#284f85
```
#284f85 rgb(40,79,133)
```
#853028
```
#853028 rgb(133,48,40)
```

Split Complementary Color

#4f8528
```
#4f8528 rgb(79,133,40)
```
#284f85
```
#284f85 rgb(40,79,133)
```
#85284f
```
#85284f rgb(133,40,79)
```

Triadic Color

#28855e
```
#28855e rgb(40,133,94)
```
#284f85
```
#284f85 rgb(40,79,133)
```
#85284f
```
#85284f rgb(133,40,79)
```
#855e28
```
#855e28 rgb(133,94,40)
```

Tetradic Color

#162c4a
```
#162c4a rgb(22,44,74)
```
#1c385e
```
#1c385e rgb(28,56,94)
```
#224371
```
#224371 rgb(34,67,113)
```
#284f85
```
#284f85 rgb(40,79,133)
```
#2e5b99
```
#2e5b99 rgb(46,91,153)
```
#3466ac
```
#3466ac rgb(52,102,172)
```
#3a72c0
```
#3a72c0 rgb(58,114,192)
```

Monochromatic Color

Below, you can see some colors close to #284f85. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#286685
```
#286685 rgb(40,102,133)
```
#285f85
```
#285f85 rgb(40,95,133)
```
#285785
```
#285785 rgb(40,87,133)
```
#284f85
```
#284f85 rgb(40,79,133)
```
#284785
```
#284785 rgb(40,71,133)
```
#284085
```
#284085 rgb(40,64,133)
```
#283885
```
#283885 rgb(40,56,133)
```

Similar Colors

Text with hexadecimal color #284f85

This text has a font color of #284f85.

<span style="color:#284f85;">Text here</span>

#284f85 background color

This paragraph has a background color of #284f85.

<p style="background-color:#284f85;">Content here</p>

#284f85 border color

This element has a border color of #284f85.

<div style="border:1px solid #284f85;">Content here</div>

CSS codes

.text {color:#284f85;}

.background {background-color:#284f85;}

.border {border:1px solid #284f85;}

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#08101b
```
#08101b rgb(8,16,27)
```
#0d192b
```
#0d192b rgb(13,25,43)
```
#11223a
```
#11223a rgb(17,34,58)
```
#162b49
```
#162b49 rgb(22,43,73)
```
#1a3458
```
#1a3458 rgb(26,52,88)
```
#1f3d67
```
#1f3d67 rgb(31,61,103)
```
#234676
```
#234676 rgb(35,70,118)
```
#284f85
```
#284f85 rgb(40,79,133)
```
#2d5894
```
#2d5894 rgb(45,88,148)
```
#3161a3
```
#3161a3 rgb(49,97,163)
```
#366ab2
```
#366ab2 rgb(54,106,178)
```
#3a73c1
```
#3a73c1 rgb(58,115,193)
```

Shade Color Variation

#477dc8
```
#477dc8 rgb(71,125,200)
```
#5688cc
```
#5688cc rgb(86,136,204)
```
#6592d1
```
#6592d1 rgb(101,146,209)
```
#759dd5
```
#759dd5 rgb(117,157,213)
```
#84a8da
```
#84a8da rgb(132,168,218)
```
#93b2de
```
#93b2de rgb(147,178,222)
```
#a2bde3
```
#a2bde3 rgb(162,189,227)
```
#b1c8e8
```
#b1c8e8 rgb(177,200,232)
```
#c0d2ec
```
#c0d2ec rgb(192,210,236)
```
#cfddf1
```
#cfddf1 rgb(207,221,241)
```
#dee8f5
```
#dee8f5 rgb(222,232,245)
```
#edf2fa
```
#edf2fa rgb(237,242,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50555d is the less saturated color, while #0049ad is the most saturated one.

#50555d
```
#50555d rgb(80,85,93)
```
#495464
```
#495464 rgb(73,84,100)
```
#43536a
```
#43536a rgb(67,83,106)
```
#3c5271
```
#3c5271 rgb(60,82,113)
```
#355178
```
#355178 rgb(53,81,120)
```
#2f507e
```
#2f507e rgb(47,80,126)
```
#284f85
```
#284f85 rgb(40,79,133)
```
#214e8c
```
#214e8c rgb(33,78,140)
```
#1b4d92
```
#1b4d92 rgb(27,77,146)
```
#144c99
```
#144c99 rgb(20,76,153)
```
#0d4ba0
```
#0d4ba0 rgb(13,75,160)
```
#074aa6
```
#074aa6 rgb(7,74,166)
```
#0049ad
```
#0049ad rgb(0,73,173)
```

Tone Color Variation

Below, you can see how #284f85 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.

Monochromacy

#494949 Achromatopsia 0.005% of the population
#424a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415689 Protanopia 1% of men
#31588b Deuteranopia 1% of men
#056067 Tritanopia 0.001% of the population

Trichromacy

#385387 Protanomaly 1% of men, 0.01% of women
#2e5488 Deuteranomaly 6% of men, 0.4% of women
#125a72 Tritanomaly 0.01% of the population

#284f85 hex color

#284f85 Color Information

#284f85 Color Conversion

Color Schemes with #284f85

Alternatives to #284f85

#284f85 Preview

Shades and Tints of #284f85

Tones of #284f85

Color Blindness Simulator