colorhexa.com

#28334d hex color

In a RGB color space, hex #28334d is composed of 15.7% red, 20% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 33.8% magenta, 0% yellow and 69.8% black. It has a hue angle of 222.2 degrees, a saturation of 31.6% and a lightness of 22.9%. #28334d color hex could be obtained by blending #50669a with #000000. Closest websafe color is: #333366.

- R 16
- G 20
- B 30
RGB color chart
- C 48
- M 34
- Y 0
- K 70
CMYK color chart

● #28334d color description : Very dark desaturated blue.

The hexadecimal color #28334d has RGB values of R:40, G:51, B:77 and CMYK values of C:0.48, M:0.34, Y:0, K:0.7. Its decimal value is 2634573.

Hex triplet	28334d	`#28334d`
RGB Decimal	40, 51, 77	`rgb(40,51,77)`
RGB Percent	15.7, 20, 30.2	`rgb(15.7%,20%,30.2%)`
CMYK	48, 34, 0, 70
HSL	222.2°, 31.6, 22.9	`hsl(222.2,31.6%,22.9%)`
HSV (or HSB)	222.2°, 48.1, 30.2
Web Safe	333366	`#333366`

CIE-LAB	21.411, 3.463, -17.443
XYZ	3.398, 3.354, 7.489
xyY	0.239, 0.236, 3.354
CIE-LCH	21.411, 17.784, 281.229
CIE-LUV	21.411, -5.405, -20.055
Hunter-Lab	18.315, 1.067, -11.423
Binary	00101000, 00110011, 01001101

#28334d
```
#28334d rgb(40,51,77)
```
#4d4228
```
#4d4228 rgb(77,66,40)
```

Complementary Color

#28464d
```
#28464d rgb(40,70,77)
```
#28334d
```
#28334d rgb(40,51,77)
```
#30284d
```
#30284d rgb(48,40,77)
```

Analogous Color

#464d28
```
#464d28 rgb(70,77,40)
```
#28334d
```
#28334d rgb(40,51,77)
```
#4d3028
```
#4d3028 rgb(77,48,40)
```

Split Complementary Color

#0e121b
```
#0e121b rgb(14,18,27)
```
#171d2b
```
#171d2b rgb(23,29,43)
```
#1f283c
```
#1f283c rgb(31,40,60)
```
#28334d
```
#28334d rgb(40,51,77)
```
#313e5e
```
#313e5e rgb(49,62,94)
```
#39496f
```
#39496f rgb(57,73,111)
```
#42547f
```
#42547f rgb(66,84,127)
```

Monochromatic Color

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

#283c4d
```
#283c4d rgb(40,60,77)
```
#28394d
```
#28394d rgb(40,57,77)
```
#28364d
```
#28364d rgb(40,54,77)
```
#28334d
```
#28334d rgb(40,51,77)
```
#28304d
```
#28304d rgb(40,48,77)
```
#282d4d
```
#282d4d rgb(40,45,77)
```
#282a4d
```
#282a4d rgb(40,42,77)
```

Similar Colors

Text with hexadecimal color #28334d

This text has a font color of #28334d.

<span style="color:#28334d;">Text here</span>

#28334d background color

This paragraph has a background color of #28334d.

<p style="background-color:#28334d;">Content here</p>

#28334d border color

This element has a border color of #28334d.

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

CSS codes

.text {color:#28334d;}

.background {background-color:#28334d;}

.border {border:1px solid #28334d;}

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

#06080c
```
#06080c rgb(6,8,12)
```
#0d1119
```
#0d1119 rgb(13,17,25)
```
#141926
```
#141926 rgb(20,25,38)
```
#1b2233
```
#1b2233 rgb(27,34,51)
```
#212a40
```
#212a40 rgb(33,42,64)
```
#28334d
```
#28334d rgb(40,51,77)
```
#2f3c5a
```
#2f3c5a rgb(47,60,90)
```
#354467
```
#354467 rgb(53,68,103)
```
#3c4d74
```
#3c4d74 rgb(60,77,116)
```
#435581
```
#435581 rgb(67,85,129)
```
#4a5e8e
```
#4a5e8e rgb(74,94,142)
```
#50669a
```
#50669a rgb(80,102,154)
```
#576fa7
```
#576fa7 rgb(87,111,167)
```

Shade Color Variation

#647aae
```
#647aae rgb(100,122,174)
```
#7185b5
```
#7185b5 rgb(113,133,181)
```
#7d90bc
```
#7d90bc rgb(125,144,188)
```
#8a9bc2
```
#8a9bc2 rgb(138,155,194)
```
#97a6c9
```
#97a6c9 rgb(151,166,201)
```
#a4b1d0
```
#a4b1d0 rgb(164,177,208)
```
#b1bcd7
```
#b1bcd7 rgb(177,188,215)
```
#bec7dd
```
#bec7dd rgb(190,199,221)
```
#cbd2e4
```
#cbd2e4 rgb(203,210,228)
```
#d8ddeb
```
#d8ddeb rgb(216,221,235)
```
#e5e8f1
```
#e5e8f1 rgb(229,232,241)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a3a3b is the less saturated color, while #042471 is the most saturated one.

#3a3a3b
```
#3a3a3b rgb(58,58,59)
```
#363840
```
#363840 rgb(54,56,64)
```
#313744
```
#313744 rgb(49,55,68)
```
#2d3549
```
#2d3549 rgb(45,53,73)
```
#28334d
```
#28334d rgb(40,51,77)
```
#243152
```
#243152 rgb(36,49,82)
```
#1f2f56
```
#1f2f56 rgb(31,47,86)
```
#1b2e5b
```
#1b2e5b rgb(27,46,91)
```
#162c5f
```
#162c5f rgb(22,44,95)
```
#122a64
```
#122a64 rgb(18,42,100)
```
#0d2868
```
#0d2868 rgb(13,40,104)
```
#09266d
```
#09266d rgb(9,38,109)
```
#042471
```
#042471 rgb(4,36,113)
```

Tone Color Variation

Below, you can see how #28334d 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

#333333 Achromatopsia 0.005% of the population
#313338 Atypical Achromatopsia 0.001% of the population

Dichromacy

#353d55 Protanopia 1% of men
#333d56 Deuteranopia 1% of men
#2d4145 Tritanopia 0.001% of the population

Trichromacy

#303952 Protanomaly 1% of men, 0.01% of women
#2f3952 Deuteranomaly 6% of men, 0.4% of women
#2b3b48 Tritanomaly 0.01% of the population