#284f80 hex color

In a RGB color space, hex #284f80 is composed of 15.7% red, 31% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 38.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 213.4 degrees, a saturation of 52.4% and a lightness of 32.9%. #284f80 color hex could be obtained by blending #509eff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 31
- B 50
RGB color chart
- C 69
- M 38
- Y 0
- K 50
CMYK color chart

● #284f80 color description : Dark moderate blue.

The hexadecimal color #284f80 has RGB values of R:40, G:79, B:128 and CMYK values of C:0.69, M:0.38, Y:0, K:0.5. Its decimal value is 2641792.

Hex triplet	284f80	`#284f80`
RGB Decimal	40, 79, 128	`rgb(40,79,128)`
RGB Percent	15.7, 31, 50.2	`rgb(15.7%,31%,50.2%)`
CMYK	69, 38, 0, 50
HSL	213.4°, 52.4, 32.9	`hsl(213.4,52.4%,32.9%)`
HSV (or HSB)	213.4°, 68.8, 50.2
Web Safe	336699	`#336699`

CIE-LAB	33.138, 3.289, -31.724
XYZ	7.566, 7.601, 21.489
xyY	0.206, 0.207, 7.601
CIE-LCH	33.138, 31.894, 275.92
CIE-LUV	33.138, -15.149, -43.356
Hunter-Lab	27.57, 0.741, -26.914
Binary	00101000, 01001111, 10000000

#284f80
```
#284f80 rgb(40,79,128)
```
#805928
```
#805928 rgb(128,89,40)
```

Complementary Color

#287b80
```
#287b80 rgb(40,123,128)
```
#284f80
```
#284f80 rgb(40,79,128)
```
#2d2880
```
#2d2880 rgb(45,40,128)
```

Analogous Color

#7b8028
```
#7b8028 rgb(123,128,40)
```
#284f80
```
#284f80 rgb(40,79,128)
```
#802d28
```
#802d28 rgb(128,45,40)
```

Split Complementary Color

#4f8028
```
#4f8028 rgb(79,128,40)
```
#284f80
```
#284f80 rgb(40,79,128)
```
#80284f
```
#80284f rgb(128,40,79)
```

Triadic Color

#288059
```
#288059 rgb(40,128,89)
```
#284f80
```
#284f80 rgb(40,79,128)
```
#80284f
```
#80284f rgb(128,40,79)
```
#805928
```
#805928 rgb(128,89,40)
```

Tetradic Color

#162b46
```
#162b46 rgb(22,43,70)
```
#1c3759
```
#1c3759 rgb(28,55,89)
```
#22436d
```
#22436d rgb(34,67,109)
```
#284f80
```
#284f80 rgb(40,79,128)
```
#2e5b93
```
#2e5b93 rgb(46,91,147)
```
#3467a7
```
#3467a7 rgb(52,103,167)
```
#3a73ba
```
#3a73ba rgb(58,115,186)
```

Monochromatic Color

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

#286580
```
#286580 rgb(40,101,128)
```
#285e80
```
#285e80 rgb(40,94,128)
```
#285680
```
#285680 rgb(40,86,128)
```
#284f80
```
#284f80 rgb(40,79,128)
```
#284880
```
#284880 rgb(40,72,128)
```
#284080
```
#284080 rgb(40,64,128)
```
#283980
```
#283980 rgb(40,57,128)
```

Similar Colors

Text with hexadecimal color #284f80

This text has a font color of #284f80.

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

#284f80 background color

This paragraph has a background color of #284f80.

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

#284f80 border color

This element has a border color of #284f80.

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

CSS codes

.text {color:#284f80;}

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

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

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, #030508 is the darkest color, while #f8fafd is the lightest one.

#030508
```
#030508 rgb(3,5,8)
```
#070e17
```
#070e17 rgb(7,14,23)
```
#0c1826
```
#0c1826 rgb(12,24,38)
```
#112135
```
#112135 rgb(17,33,53)
```
#152a44
```
#152a44 rgb(21,42,68)
```
#1a3353
```
#1a3353 rgb(26,51,83)
```
#1f3d62
```
#1f3d62 rgb(31,61,98)
```
#234671
```
#234671 rgb(35,70,113)
```
#284f80
```
#284f80 rgb(40,79,128)
```
#2d588f
```
#2d588f rgb(45,88,143)
```
#31619e
```
#31619e rgb(49,97,158)
```
#366bad
```
#366bad rgb(54,107,173)
```
#3b74bc
```
#3b74bc rgb(59,116,188)
```

Shade Color Variation

#457ec5
```
#457ec5 rgb(69,126,197)
```
#5488ca
```
#5488ca rgb(84,136,202)
```
#6393ce
```
#6393ce rgb(99,147,206)
```
#729dd3
```
#729dd3 rgb(114,157,211)
```
#81a7d8
```
#81a7d8 rgb(129,167,216)
```
#90b2dc
```
#90b2dc rgb(144,178,220)
```
#9fbce1
```
#9fbce1 rgb(159,188,225)
```
#aec7e6
```
#aec7e6 rgb(174,199,230)
```
#bdd1ea
```
#bdd1ea rgb(189,209,234)
```
#ccdbef
```
#ccdbef rgb(204,219,239)
```
#dbe6f4
```
#dbe6f4 rgb(219,230,244)
```
#eaf0f8
```
#eaf0f8 rgb(234,240,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5359 is the less saturated color, while #014ba7 is the most saturated one.

#4f5359
```
#4f5359 rgb(79,83,89)
```
#485360
```
#485360 rgb(72,83,96)
```
#425266
```
#425266 rgb(66,82,102)
```
#3b516d
```
#3b516d rgb(59,81,109)
```
#355073
```
#355073 rgb(53,80,115)
```
#2e507a
```
#2e507a rgb(46,80,122)
```
#284f80
```
#284f80 rgb(40,79,128)
```
#224e86
```
#224e86 rgb(34,78,134)
```
#1b4e8d
```
#1b4e8d rgb(27,78,141)
```
#154d93
```
#154d93 rgb(21,77,147)
```
#0e4c9a
```
#0e4c9a rgb(14,76,154)
```
#084ba0
```
#084ba0 rgb(8,75,160)
```
#014ba7
```
#014ba7 rgb(1,75,167)
```

Tone Color Variation

Below, you can see how #284f80 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
#424a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435584 Protanopia 1% of men
#375786 Deuteranopia 1% of men
#165f66 Tritanopia 0.001% of the population

Trichromacy

#395382 Protanomaly 1% of men, 0.01% of women
#315484 Deuteranomaly 6% of men, 0.4% of women
#1c596f Tritanomaly 0.01% of the population

#284f80 hex color

#284f80 Color Information

#284f80 Color Conversion

Color Schemes with #284f80

Alternatives to #284f80

#284f80 Preview

Shades and Tints of #284f80

Tones of #284f80

Color Blindness Simulator