#121828 hex color

In a RGB color space, hex #121828 is composed of 7.1% red, 9.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 40% magenta, 0% yellow and 84.3% black. It has a hue angle of 223.6 degrees, a saturation of 37.9% and a lightness of 11.4%. #121828 color hex could be obtained by blending #243050 with #000000. Closest websafe color is: #000033.

♥
- f
- t
- g
- R 7
- G 9
- B 16
RGB color chart
- C 55
- M 40
- Y 0
- K 84
CMYK color chart

● #121828 color description : Very dark (mostly black) blue.

The hexadecimal color #121828 has RGB values of R:18, G:24, B:40 and CMYK values of C:0.55, M:0.4, Y:0, K:0.84. Its decimal value is 1185832.

Hex triplet	121828	`#121828`
RGB Decimal	18, 24, 40	`rgb(18,24,40)`
RGB Percent	7.1, 9.4, 15.7	`rgb(7.1%,9.4%,15.7%)`
CMYK	55, 40, 0, 84
HSL	223.6°, 37.9, 11.4	`hsl(223.6,37.9%,11.4%)`
HSV (or HSB)	223.6°, 55, 15.7
Web Safe	000033	`#000033`

CIE-LAB	8.438, 2.707, -11.816
XYZ	0.959, 0.935, 2.137
xyY	0.238, 0.232, 0.935
CIE-LCH	8.438, 12.122, 282.903
CIE-LUV	8.438, -2.035, -8.231
Hunter-Lab	9.67, 0.781, -6.336
Binary	00010010, 00011000, 00101000

#121828
```
#121828 rgb(18,24,40)
```
#282212
```
#282212 rgb(40,34,18)
```

Complementary Color

#122328
```
#122328 rgb(18,35,40)
```
#121828
```
#121828 rgb(18,24,40)
```
#171228
```
#171228 rgb(23,18,40)
```

Analogous Color

#232812
```
#232812 rgb(35,40,18)
```
#121828
```
#121828 rgb(18,24,40)
```
#281712
```
#281712 rgb(40,23,18)
```

Split Complementary Color

#182812
```
#182812 rgb(24,40,18)
```
#121828
```
#121828 rgb(18,24,40)
```
#281218
```
#281218 rgb(40,18,24)
```

Triadic Color

#122822
```
#122822 rgb(18,40,34)
```
#121828
```
#121828 rgb(18,24,40)
```
#281218
```
#281218 rgb(40,18,24)
```
#282212
```
#282212 rgb(40,34,18)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#020305
```
#020305 rgb(2,3,5)
```
#0a0d16
```
#0a0d16 rgb(10,13,22)
```
#121828
```
#121828 rgb(18,24,40)
```
#1a233a
```
#1a233a rgb(26,35,58)
```
#222d4b
```
#222d4b rgb(34,45,75)
```
#2a385d
```
#2a385d rgb(42,56,93)
```

Monochromatic Color

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

#121e28
```
#121e28 rgb(18,30,40)
```
#121c28
```
#121c28 rgb(18,28,40)
```
#121a28
```
#121a28 rgb(18,26,40)
```
#121828
```
#121828 rgb(18,24,40)
```
#121628
```
#121628 rgb(18,22,40)
```
#121428
```
#121428 rgb(18,20,40)
```
#121328
```
#121328 rgb(18,19,40)
```

Similar Colors

Text with hexadecimal color #121828

This text has a font color of #121828.

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

#121828 background color

This paragraph has a background color of #121828.

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

#121828 border color

This element has a border color of #121828.

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

CSS codes

.text {color:#121828;}

.background {background-color:#121828;}

.border {border:1px solid #121828;}

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

#06080d
```
#06080d rgb(6,8,13)
```
#0c101a
```
#0c101a rgb(12,16,26)
```
#121828
```
#121828 rgb(18,24,40)
```
#182036
```
#182036 rgb(24,32,54)
```
#1e2843
```
#1e2843 rgb(30,40,67)
```
#243051
```
#243051 rgb(36,48,81)
```
#2a385e
```
#2a385e rgb(42,56,94)
```
#30416c
```
#30416c rgb(48,65,108)
```
#374979
```
#374979 rgb(55,73,121)
```
#3d5187
```
#3d5187 rgb(61,81,135)
```
#435994
```
#435994 rgb(67,89,148)
```
#4961a2
```
#4961a2 rgb(73,97,162)
```
#4f69af
```
#4f69af rgb(79,105,175)
```

Shade Color Variation

#5c75b6
```
#5c75b6 rgb(92,117,182)
```
#6a80bc
```
#6a80bc rgb(106,128,188)
```
#778cc2
```
#778cc2 rgb(119,140,194)
```
#8597c8
```
#8597c8 rgb(133,151,200)
```
#92a3ce
```
#92a3ce rgb(146,163,206)
```
#a0aed4
```
#a0aed4 rgb(160,174,212)
```
#adbada
```
#adbada rgb(173,186,218)
```
#bbc5e0
```
#bbc5e0 rgb(187,197,224)
```
#c8d1e6
```
#c8d1e6 rgb(200,209,230)
```
#d6dcec
```
#d6dcec rgb(214,220,236)
```
#e3e8f3
```
#e3e8f3 rgb(227,232,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #1b1c1f is the less saturated color, while #00103a is the most saturated one.

#1b1c1f
```
#1b1c1f rgb(27,28,31)
```
#191b21
```
#191b21 rgb(25,27,33)
```
#161a24
```
#161a24 rgb(22,26,36)
```
#141926
```
#141926 rgb(20,25,38)
```
#121828
```
#121828 rgb(18,24,40)
```
#10172a
```
#10172a rgb(16,23,42)
```
#0e162c
```
#0e162c rgb(14,22,44)
```
#0b152f
```
#0b152f rgb(11,21,47)
```
#091431
```
#091431 rgb(9,20,49)
```
#071333
```
#071333 rgb(7,19,51)
```
#051235
```
#051235 rgb(5,18,53)
```
#021138
```
#021138 rgb(2,17,56)
```
#00103a
```
#00103a rgb(0,16,58)
```

Tone Color Variation

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

#181818 Achromatopsia 0.005% of the population
#17181b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f2333 Protanopia 1% of men
#1d2433 Deuteranopia 1% of men
#1a2628 Tritanopia 0.001% of the population

Trichromacy

#1a1f2f Protanomaly 1% of men, 0.01% of women
#191f2f Deuteranomaly 6% of men, 0.4% of women
#172128 Tritanomaly 0.01% of the population

#121828 hex color

#121828 Color Information

#121828 Color Conversion

Color Schemes with #121828

Alternatives to #121828

#121828 Preview

Shades and Tints of #121828

Tones of #121828

Color Blindness Simulator