#022268 hex color

In a RGB color space, hex #022268 is composed of 0.8% red, 13.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 67.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 221.2 degrees, a saturation of 96.2% and a lightness of 20.8%. #022268 color hex could be obtained by blending #0444d0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 13
- B 41
RGB color chart
- C 98
- M 67
- Y 0
- K 59
CMYK color chart

● #022268 color description : Very dark blue.

The hexadecimal color #022268 has RGB values of R:2, G:34, B:104 and CMYK values of C:0.98, M:0.67, Y:0, K:0.59. Its decimal value is 139880.

Hex triplet	022268	`#022268`
RGB Decimal	2, 34, 104	`rgb(2,34,104)`
RGB Percent	0.8, 13.3, 40.8	`rgb(0.8%,13.3%,40.8%)`
CMYK	98, 67, 0, 59
HSL	221.2°, 96.2, 20.8	`hsl(221.2,96.2%,20.8%)`
HSV (or HSB)	221.2°, 98.1, 40.8
Web Safe	003366	`#003366`

CIE-LAB	16.286, 20.504, -43.69
XYZ	3.095, 2.156, 13.349
xyY	0.166, 0.116, 2.156
CIE-LCH	16.286, 48.262, 295.141
CIE-LUV	16.286, -7.161, -44.728
Hunter-Lab	14.684, 11.929, -43.621
Binary	00000010, 00100010, 01101000

#022268
```
#022268 rgb(2,34,104)
```
#684802
```
#684802 rgb(104,72,2)
```

Complementary Color

#025568
```
#025568 rgb(2,85,104)
```
#022268
```
#022268 rgb(2,34,104)
```
#150268
```
#150268 rgb(21,2,104)
```

Analogous Color

#556802
```
#556802 rgb(85,104,2)
```
#022268
```
#022268 rgb(2,34,104)
```
#681502
```
#681502 rgb(104,21,2)
```

Split Complementary Color

#226802
```
#226802 rgb(34,104,2)
```
#022268
```
#022268 rgb(2,34,104)
```
#680222
```
#680222 rgb(104,2,34)
```

Triadic Color

#026848
```
#026848 rgb(2,104,72)
```
#022268
```
#022268 rgb(2,34,104)
```
#680222
```
#680222 rgb(104,2,34)
```
#684802
```
#684802 rgb(104,72,2)
```

Tetradic Color

#01091d
```
#01091d rgb(1,9,29)
```
#011236
```
#011236 rgb(1,18,54)
```
#021a4f
```
#021a4f rgb(2,26,79)
```
#022268
```
#022268 rgb(2,34,104)
```
#022a81
```
#022a81 rgb(2,42,129)
```
#03329a
```
#03329a rgb(3,50,154)
```
#033bb3
```
#033bb3 rgb(3,59,179)
```

Monochromatic Color

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

#023c68
```
#023c68 rgb(2,60,104)
```
#023368
```
#023368 rgb(2,51,104)
```
#022b68
```
#022b68 rgb(2,43,104)
```
#022268
```
#022268 rgb(2,34,104)
```
#021a68
```
#021a68 rgb(2,26,104)
```
#021168
```
#021168 rgb(2,17,104)
```
#020868
```
#020868 rgb(2,8,104)
```

Similar Colors

Text with hexadecimal color #022268

This text has a font color of #022268.

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

#022268 background color

This paragraph has a background color of #022268.

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

#022268 border color

This element has a border color of #022268.

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

CSS codes

.text {color:#022268;}

.background {background-color:#022268;}

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

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

#000308
```
#000308 rgb(0,3,8)
```
#01091b
```
#01091b rgb(1,9,27)
```
#010f2e
```
#010f2e rgb(1,15,46)
```
#011542
```
#011542 rgb(1,21,66)
```
#021c55
```
#021c55 rgb(2,28,85)
```
#022268
```
#022268 rgb(2,34,104)
```
#02287b
```
#02287b rgb(2,40,123)
```
#032f8e
```
#032f8e rgb(3,47,142)
```
#0335a2
```
#0335a2 rgb(3,53,162)
```
#033bb5
```
#033bb5 rgb(3,59,181)
```
#0441c8
```
#0441c8 rgb(4,65,200)
```
#0448db
```
#0448db rgb(4,72,219)
```
#054eef
```
#054eef rgb(5,78,239)
```

Shade Color Variation

#0d57fa
```
#0d57fa rgb(13,87,250)
```
#2064fb
```
#2064fb rgb(32,100,251)
```
#3372fb
```
#3372fb rgb(51,114,251)
```
#467ffb
```
#467ffb rgb(70,127,251)
```
#5a8cfc
```
#5a8cfc rgb(90,140,252)
```
#6d9afc
```
#6d9afc rgb(109,154,252)
```
#80a7fd
```
#80a7fd rgb(128,167,253)
```
#93b4fd
```
#93b4fd rgb(147,180,253)
```
#a7c2fd
```
#a7c2fd rgb(167,194,253)
```
#bacffe
```
#bacffe rgb(186,207,254)
```
#cddcfe
```
#cddcfe rgb(205,220,254)
```
#e0eafe
```
#e0eafe rgb(224,234,254)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#333437
```
#333437 rgb(51,52,55)
```
#2f333b
```
#2f333b rgb(47,51,59)
```
#2b313f
```
#2b313f rgb(43,49,63)
```
#273043
```
#273043 rgb(39,48,67)
```
#232e47
```
#232e47 rgb(35,46,71)
```
#1f2d4b
```
#1f2d4b rgb(31,45,75)
```
#1a2b50
```
#1a2b50 rgb(26,43,80)
```
#162a54
```
#162a54 rgb(22,42,84)
```
#122858
```
#122858 rgb(18,40,88)
```
#0e275c
```
#0e275c rgb(14,39,92)
```
#0a2560
```
#0a2560 rgb(10,37,96)
```
#062464
```
#062464 rgb(6,36,100)
```
#022268
```
#022268 rgb(2,34,104)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1a202e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003261 Protanopia 1% of men
#003454 Deuteranopia 1% of men
#00383b Tritanopia 0.001% of the population

Trichromacy

#002c63 Protanomaly 1% of men, 0.01% of women
#002e5b Deuteranomaly 6% of men, 0.4% of women
#00304b Tritanomaly 0.01% of the population

#022268 hex color

#022268 Color Information

#022268 Color Conversion

Color Schemes with #022268

Alternatives to #022268

#022268 Preview

Shades and Tints of #022268

Tones of #022268

Color Blindness Simulator