#022caf hex color

In a RGB color space, hex #022caf is composed of 0.8% red, 17.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 74.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 225.4 degrees, a saturation of 97.7% and a lightness of 34.7%. #022caf color hex could be obtained by blending #0458ff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 17
- B 69
RGB color chart
- C 99
- M 75
- Y 0
- K 31
CMYK color chart

● #022caf color description : Dark blue.

The hexadecimal color #022caf has RGB values of R:2, G:44, B:175 and CMYK values of C:0.99, M:0.75, Y:0, K:0.31. Its decimal value is 142511.

Hex triplet	022caf	`#022caf`
RGB Decimal	2, 44, 175	`rgb(2,44,175)`
RGB Percent	0.8, 17.3, 68.6	`rgb(0.8%,17.3%,68.6%)`
CMYK	99, 75, 0, 31
HSL	225.4°, 97.7, 34.7	`hsl(225.4,97.7%,34.7%)`
HSV (or HSB)	225.4°, 98.9, 68.6
Web Safe	003399	`#003399`

CIE-LAB	26.473, 41.934, -71.248
XYZ	8.662, 4.909, 41.046
xyY	0.159, 0.09, 4.909
CIE-LCH	26.473, 82.672, 300.479
CIE-LUV	26.473, -10.042, -87.168
Hunter-Lab	22.156, 31.014, -94.333
Binary	00000010, 00101100, 10101111

#022caf
```
#022caf rgb(2,44,175)
```
#af8502
```
#af8502 rgb(175,133,2)
```

Complementary Color

#0283af
```
#0283af rgb(2,131,175)
```
#022caf
```
#022caf rgb(2,44,175)
```
#2f02af
```
#2f02af rgb(47,2,175)
```

Analogous Color

#83af02
```
#83af02 rgb(131,175,2)
```
#022caf
```
#022caf rgb(2,44,175)
```
#af2e02
```
#af2e02 rgb(175,46,2)
```

Split Complementary Color

#2caf02
```
#2caf02 rgb(44,175,2)
```
#022caf
```
#022caf rgb(2,44,175)
```
#af022c
```
#af022c rgb(175,2,44)
```

Triadic Color

#02af85
```
#02af85 rgb(2,175,133)
```
#022caf
```
#022caf rgb(2,44,175)
```
#af022c
```
#af022c rgb(175,2,44)
```
#af8502
```
#af8502 rgb(175,133,2)
```

Tetradic Color

#011963
```
#011963 rgb(1,25,99)
```
#011f7d
```
#011f7d rgb(1,31,125)
```
#022696
```
#022696 rgb(2,38,150)
```
#022caf
```
#022caf rgb(2,44,175)
```
#0232c8
```
#0232c8 rgb(2,50,200)
```
#0339e1
```
#0339e1 rgb(3,57,225)
```
#033ffb
```
#033ffb rgb(3,63,251)
```

Monochromatic Color

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

#0257af
```
#0257af rgb(2,87,175)
```
#0249af
```
#0249af rgb(2,73,175)
```
#023aaf
```
#023aaf rgb(2,58,175)
```
#022caf
```
#022caf rgb(2,44,175)
```
#021eaf
```
#021eaf rgb(2,30,175)
```
#020faf
```
#020faf rgb(2,15,175)
```
#0302af
```
#0302af rgb(3,2,175)
```

Similar Colors

Text with hexadecimal color #022caf

This text has a font color of #022caf.

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

#022caf background color

This paragraph has a background color of #022caf.

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

#022caf border color

This element has a border color of #022caf.

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

CSS codes

.text {color:#022caf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000514
```
#000514 rgb(0,5,20)
```
#000a27
```
#000a27 rgb(0,10,39)
```
#010f3b
```
#010f3b rgb(1,15,59)
```
#01144e
```
#01144e rgb(1,20,78)
```
#011861
```
#011861 rgb(1,24,97)
```
#011d75
```
#011d75 rgb(1,29,117)
```
#022288
```
#022288 rgb(2,34,136)
```
#02279c
```
#02279c rgb(2,39,156)
```
#022caf
```
#022caf rgb(2,44,175)
```
#0231c2
```
#0231c2 rgb(2,49,194)
```
#0236d6
```
#0236d6 rgb(2,54,214)
```
#033be9
```
#033be9 rgb(3,59,233)
```

Shade Color Variation

#0340fc
```
#0340fc rgb(3,64,252)
```
#174efc
```
#174efc rgb(23,78,252)
```
#2a5dfd
```
#2a5dfd rgb(42,93,253)
```
#3e6cfd
```
#3e6cfd rgb(62,108,253)
```
#517bfd
```
#517bfd rgb(81,123,253)
```
#6489fd
```
#6489fd rgb(100,137,253)
```
#7898fd
```
#7898fd rgb(120,152,253)
```
#8ba7fe
```
#8ba7fe rgb(139,167,254)
```
#9eb6fe
```
#9eb6fe rgb(158,182,254)
```
#b2c4fe
```
#b2c4fe rgb(178,196,254)
```
#c5d3fe
```
#c5d3fe rgb(197,211,254)
```
#d9e2ff
```
#d9e2ff rgb(217,226,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

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

#54565d
```
#54565d rgb(84,86,93)
```
#4d5364
```
#4d5364 rgb(77,83,100)
```
#464f6b
```
#464f6b rgb(70,79,107)
```
#3f4c72
```
#3f4c72 rgb(63,76,114)
```
#384879
```
#384879 rgb(56,72,121)
```
#32457f
```
#32457f rgb(50,69,127)
```
#2b4186
```
#2b4186 rgb(43,65,134)
```
#243e8d
```
#243e8d rgb(36,62,141)
```
#1d3a94
```
#1d3a94 rgb(29,58,148)
```
#16379b
```
#16379b rgb(22,55,155)
```
#1033a1
```
#1033a1 rgb(16,51,161)
```
#0930a8
```
#0930a8 rgb(9,48,168)
```
#022caf
```
#022caf rgb(2,44,175)
```

Tone Color Variation

Below, you can see how #022caf 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
#252e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#003c96 Protanomaly 1% of men, 0.01% of women
#003f8b Deuteranomaly 6% of men, 0.4% of women
#004274 Tritanomaly 0.01% of the population

#022caf hex color

#022caf Color Information

#022caf Color Conversion

Color Schemes with #022caf

Alternatives to #022caf

#022caf Preview

Shades and Tints of #022caf

Tones of #022caf

Color Blindness Simulator