#102228 hex color

In a RGB color space, hex #102228 is composed of 6.3% red, 13.3% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 15% magenta, 0% yellow and 84.3% black. It has a hue angle of 195 degrees, a saturation of 42.9% and a lightness of 11%. #102228 color hex could be obtained by blending #204450 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 6
- G 13
- B 16
RGB color chart
- C 60
- M 15
- Y 0
- K 84
CMYK color chart

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

The hexadecimal color #102228 has RGB values of R:16, G:34, B:40 and CMYK values of C:0.6, M:0.15, Y:0, K:0.84. Its decimal value is 1057320.

Hex triplet	102228	`#102228`
RGB Decimal	16, 34, 40	`rgb(16,34,40)`
RGB Percent	6.3, 13.3, 15.7	`rgb(6.3%,13.3%,15.7%)`
CMYK	60, 15, 0, 84
HSL	195°, 42.9, 11	`hsl(195,42.9%,11%)`
HSV (or HSB)	195°, 60, 15.7
Web Safe	003333	`#003333`

CIE-LAB	12.006, -5.315, -6.33
XYZ	1.169, 1.407, 2.217
xyY	0.244, 0.294, 1.407
CIE-LCH	12.006, 8.265, 229.98
CIE-LUV	12.006, -5.661, -4.766
Hunter-Lab	11.863, -3.177, -2.778
Binary	00010000, 00100010, 00101000

#102228
```
#102228 rgb(16,34,40)
```
#281610
```
#281610 rgb(40,22,16)
```

Complementary Color

#102822
```
#102822 rgb(16,40,34)
```
#102228
```
#102228 rgb(16,34,40)
```
#101628
```
#101628 rgb(16,22,40)
```

Analogous Color

#282210
```
#282210 rgb(40,34,16)
```
#102228
```
#102228 rgb(16,34,40)
```
#281016
```
#281016 rgb(40,16,22)
```

Split Complementary Color

#222810
```
#222810 rgb(34,40,16)
```
#102228
```
#102228 rgb(16,34,40)
```
#281022
```
#281022 rgb(40,16,34)
```

Triadic Color

#102816
```
#102816 rgb(16,40,22)
```
#102228
```
#102228 rgb(16,34,40)
```
#281022
```
#281022 rgb(40,16,34)
```
#281610
```
#281610 rgb(40,22,16)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#010304
```
#010304 rgb(1,3,4)
```
#091316
```
#091316 rgb(9,19,22)
```
#102228
```
#102228 rgb(16,34,40)
```
#17313a
```
#17313a rgb(23,49,58)
```
#1f414c
```
#1f414c rgb(31,65,76)
```
#26505f
```
#26505f rgb(38,80,95)
```

Monochromatic Color

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

#102828
```
#102828 rgb(16,40,40)
```
#102628
```
#102628 rgb(16,38,40)
```
#102428
```
#102428 rgb(16,36,40)
```
#102228
```
#102228 rgb(16,34,40)
```
#102028
```
#102028 rgb(16,32,40)
```
#101e28
```
#101e28 rgb(16,30,40)
```
#101c28
```
#101c28 rgb(16,28,40)
```

Similar Colors

Text with hexadecimal color #102228

This text has a font color of #102228.

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

#102228 background color

This paragraph has a background color of #102228.

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

#102228 border color

This element has a border color of #102228.

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

CSS codes

.text {color:#102228;}

.background {background-color:#102228;}

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

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, #050a0c is the darkest color, while #fdfefe is the lightest one.

#050a0c
```
#050a0c rgb(5,10,12)
```
#0a161a
```
#0a161a rgb(10,22,26)
```
#102228
```
#102228 rgb(16,34,40)
```
#162e36
```
#162e36 rgb(22,46,54)
```
#1b3a44
```
#1b3a44 rgb(27,58,68)
```
#214652
```
#214652 rgb(33,70,82)
```
#265260
```
#265260 rgb(38,82,96)
```
#2c5e6e
```
#2c5e6e rgb(44,94,110)
```
#32697c
```
#32697c rgb(50,105,124)
```
#37758a
```
#37758a rgb(55,117,138)
```
#3d8198
```
#3d8198 rgb(61,129,152)
```
#428da6
```
#428da6 rgb(66,141,166)
```
#4899b4
```
#4899b4 rgb(72,153,180)
```

Shade Color Variation

#55a1bb
```
#55a1bb rgb(85,161,187)
```
#63a9c1
```
#63a9c1 rgb(99,169,193)
```
#71b1c6
```
#71b1c6 rgb(113,177,198)
```
#7fb9cc
```
#7fb9cc rgb(127,185,204)
```
#8dc0d1
```
#8dc0d1 rgb(141,192,209)
```
#9bc8d7
```
#9bc8d7 rgb(155,200,215)
```
#a9d0dd
```
#a9d0dd rgb(169,208,221)
```
#b7d7e2
```
#b7d7e2 rgb(183,215,226)
```
#c5dfe8
```
#c5dfe8 rgb(197,223,232)
```
#d3e7ed
```
#d3e7ed rgb(211,231,237)
```
#e1eef3
```
#e1eef3 rgb(225,238,243)
```
#eff6f9
```
#eff6f9 rgb(239,246,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#1b1d1d
```
#1b1d1d rgb(27,29,29)
```
#191e1f
```
#191e1f rgb(25,30,31)
```
#161f22
```
#161f22 rgb(22,31,34)
```
#142024
```
#142024 rgb(20,32,36)
```
#122126
```
#122126 rgb(18,33,38)
```
#102228
```
#102228 rgb(16,34,40)
```
#0e232a
```
#0e232a rgb(14,35,42)
```
#0c242c
```
#0c242c rgb(12,36,44)
```
#0a252e
```
#0a252e rgb(10,37,46)
```
#072631
```
#072631 rgb(7,38,49)
```
#052733
```
#052733 rgb(5,39,51)
```
#032835
```
#032835 rgb(3,40,53)
```
#012a37
```
#012a37 rgb(1,42,55)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#1a1e1f Atypical Achromatopsia 0.001% of the population

Dichromacy

#292a31 Protanopia 1% of men
#2a2a34 Deuteranopia 1% of men
#1b2d31 Tritanopia 0.001% of the population

Trichromacy

#20272e Protanomaly 1% of men, 0.01% of women
#20272f Deuteranomaly 6% of men, 0.4% of women
#17292d Tritanomaly 0.01% of the population

#102228 hex color

#102228 Color Information

#102228 Color Conversion

Color Schemes with #102228

Alternatives to #102228

#102228 Preview

Shades and Tints of #102228

Tones of #102228

Color Blindness Simulator