#022ca8 hex color

In a RGB color space, hex #022ca8 is composed of 0.8% red, 17.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 73.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 224.8 degrees, a saturation of 97.6% and a lightness of 33.3%. #022ca8 color hex could be obtained by blending #0458ff with #000051. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 17
- B 66
RGB color chart
- C 99
- M 74
- Y 0
- K 34
CMYK color chart

● #022ca8 color description : Dark blue.

The hexadecimal color #022ca8 has RGB values of R:2, G:44, B:168 and CMYK values of C:0.99, M:0.74, Y:0, K:0.34. Its decimal value is 142504.

Hex triplet	022ca8	`#022ca8`
RGB Decimal	2, 44, 168	`rgb(2,44,168)`
RGB Percent	0.8, 17.3, 65.9	`rgb(0.8%,17.3%,65.9%)`
CMYK	99, 74, 0, 34
HSL	224.8°, 97.6, 33.3	`hsl(224.8,97.6%,33.3%)`
HSV (or HSB)	224.8°, 98.8, 65.9
Web Safe	003399	`#003399`

CIE-LAB	25.686, 39.371, -68.342
XYZ	7.992, 4.641, 37.518
xyY	0.159, 0.093, 4.641
CIE-LCH	25.686, 78.871, 299.946
CIE-LUV	25.686, -9.925, -83.042
Hunter-Lab	21.542, 28.523, -88.179
Binary	00000010, 00101100, 10101000

#022ca8
```
#022ca8 rgb(2,44,168)
```
#a87e02
```
#a87e02 rgb(168,126,2)
```

Complementary Color

#027fa8
```
#027fa8 rgb(2,127,168)
```
#022ca8
```
#022ca8 rgb(2,44,168)
```
#2b02a8
```
#2b02a8 rgb(43,2,168)
```

Analogous Color

#7fa802
```
#7fa802 rgb(127,168,2)
```
#022ca8
```
#022ca8 rgb(2,44,168)
```
#a82b02
```
#a82b02 rgb(168,43,2)
```

Split Complementary Color

#2ca802
```
#2ca802 rgb(44,168,2)
```
#022ca8
```
#022ca8 rgb(2,44,168)
```
#a8022c
```
#a8022c rgb(168,2,44)
```

Triadic Color

#02a87e
```
#02a87e rgb(2,168,126)
```
#022ca8
```
#022ca8 rgb(2,44,168)
```
#a8022c
```
#a8022c rgb(168,2,44)
```
#a87e02
```
#a87e02 rgb(168,126,2)
```

Tetradic Color

#01185c
```
#01185c rgb(1,24,92)
```
#011f76
```
#011f76 rgb(1,31,118)
```
#02258f
```
#02258f rgb(2,37,143)
```
#022ca8
```
#022ca8 rgb(2,44,168)
```
#0233c1
```
#0233c1 rgb(2,51,193)
```
#0339da
```
#0339da rgb(3,57,218)
```
#0340f4
```
#0340f4 rgb(3,64,244)
```

Monochromatic Color

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

#0255a8
```
#0255a8 rgb(2,85,168)
```
#0248a8
```
#0248a8 rgb(2,72,168)
```
#023aa8
```
#023aa8 rgb(2,58,168)
```
#022ca8
```
#022ca8 rgb(2,44,168)
```
#021ea8
```
#021ea8 rgb(2,30,168)
```
#0210a8
```
#0210a8 rgb(2,16,168)
```
#0203a8
```
#0203a8 rgb(2,3,168)
```

Similar Colors

Text with hexadecimal color #022ca8

This text has a font color of #022ca8.

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

#022ca8 background color

This paragraph has a background color of #022ca8.

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

#022ca8 border color

This element has a border color of #022ca8.

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

CSS codes

.text {color:#022ca8;}

.background {background-color:#022ca8;}

.border {border:1px solid #022ca8;}

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

#00030d
```
#00030d rgb(0,3,13)
```
#000820
```
#000820 rgb(0,8,32)
```
#010e34
```
#010e34 rgb(1,14,52)
```
#011347
```
#011347 rgb(1,19,71)
```
#01185a
```
#01185a rgb(1,24,90)
```
#011d6e
```
#011d6e rgb(1,29,110)
```
#022281
```
#022281 rgb(2,34,129)
```
#022795
```
#022795 rgb(2,39,149)
```
#022ca8
```
#022ca8 rgb(2,44,168)
```
#0231bb
```
#0231bb rgb(2,49,187)
```
#0236cf
```
#0236cf rgb(2,54,207)
```
#033be2
```
#033be2 rgb(3,59,226)
```
#0340f6
```
#0340f6 rgb(3,64,246)
```

Shade Color Variation

#104cfc
```
#104cfc rgb(16,76,252)
```
#235afc
```
#235afc rgb(35,90,252)
```
#3769fd
```
#3769fd rgb(55,105,253)
```
#4a77fd
```
#4a77fd rgb(74,119,253)
```
#5d86fd
```
#5d86fd rgb(93,134,253)
```
#7194fd
```
#7194fd rgb(113,148,253)
```
#84a3fe
```
#84a3fe rgb(132,163,254)
```
#98b1fe
```
#98b1fe rgb(152,177,254)
```
#abc0fe
```
#abc0fe rgb(171,192,254)
```
#becffe
```
#becffe rgb(190,207,254)
```
#d2ddfe
```
#d2ddfe rgb(210,221,254)
```
#e5ecff
```
#e5ecff rgb(229,236,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#50535a
```
#50535a rgb(80,83,90)
```
#4a5060
```
#4a5060 rgb(74,80,96)
```
#434c67
```
#434c67 rgb(67,76,103)
```
#3d496d
```
#3d496d rgb(61,73,109)
```
#364674
```
#364674 rgb(54,70,116)
```
#30437a
```
#30437a rgb(48,67,122)
```
#293f81
```
#293f81 rgb(41,63,129)
```
#233c87
```
#233c87 rgb(35,60,135)
```
#1c398e
```
#1c398e rgb(28,57,142)
```
#163694
```
#163694 rgb(22,54,148)
```
#0f329b
```
#0f329b rgb(15,50,155)
```
#092fa1
```
#092fa1 rgb(9,47,161)
```
#022ca8
```
#022ca8 rgb(2,44,168)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#252e46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004486 Protanopia 1% of men
#004873 Deuteranopia 1% of men
#004e51 Tritanopia 0.001% of the population

Trichromacy

#003b92 Protanomaly 1% of men, 0.01% of women
#003e86 Deuteranomaly 6% of men, 0.4% of women
#004170 Tritanomaly 0.01% of the population

#022ca8 hex color

#022ca8 Color Information

#022ca8 Color Conversion

Color Schemes with #022ca8

Alternatives to #022ca8

#022ca8 Preview

Shades and Tints of #022ca8

Tones of #022ca8

Color Blindness Simulator