#022faa hex color

In a RGB color space, hex #022faa is composed of 0.8% red, 18.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 72.4% magenta, 0% yellow and 33.3% black. It has a hue angle of 223.9 degrees, a saturation of 97.7% and a lightness of 33.7%. #022faa color hex could be obtained by blending #045eff with #000055. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 18
- B 67
RGB color chart
- C 99
- M 72
- Y 0
- K 33
CMYK color chart

● #022faa color description : Dark blue.

The hexadecimal color #022faa has RGB values of R:2, G:47, B:170 and CMYK values of C:0.99, M:0.72, Y:0, K:0.33. Its decimal value is 143274.

Hex triplet	022faa	`#022faa`
RGB Decimal	2, 47, 170	`rgb(2,47,170)`
RGB Percent	0.8, 18.4, 66.7	`rgb(0.8%,18.4%,66.7%)`
CMYK	99, 72, 0, 33
HSL	223.9°, 97.7, 33.7	`hsl(223.9,97.7%,33.7%)`
HSV (or HSB)	223.9°, 98.8, 66.7
Web Safe	003399	`#003399`

CIE-LAB	26.585, 38.235, -68.06
XYZ	8.296, 4.948, 38.546
xyY	0.16, 0.096, 4.948
CIE-LCH	26.585, 78.065, 299.327
CIE-LUV	26.585, -10.497, -84.193
Hunter-Lab	22.243, 27.648, -87.176
Binary	00000010, 00101111, 10101010

#022faa
```
#022faa rgb(2,47,170)
```
#aa7d02
```
#aa7d02 rgb(170,125,2)
```

Complementary Color

#0283aa
```
#0283aa rgb(2,131,170)
```
#022faa
```
#022faa rgb(2,47,170)
```
#2902aa
```
#2902aa rgb(41,2,170)
```

Analogous Color

#83aa02
```
#83aa02 rgb(131,170,2)
```
#022faa
```
#022faa rgb(2,47,170)
```
#aa2902
```
#aa2902 rgb(170,41,2)
```

Split Complementary Color

#2faa02
```
#2faa02 rgb(47,170,2)
```
#022faa
```
#022faa rgb(2,47,170)
```
#aa022f
```
#aa022f rgb(170,2,47)
```

Triadic Color

#02aa7d
```
#02aa7d rgb(2,170,125)
```
#022faa
```
#022faa rgb(2,47,170)
```
#aa022f
```
#aa022f rgb(170,2,47)
```
#aa7d02
```
#aa7d02 rgb(170,125,2)
```

Tetradic Color

#011a5e
```
#011a5e rgb(1,26,94)
```
#012178
```
#012178 rgb(1,33,120)
```
#022891
```
#022891 rgb(2,40,145)
```
#022faa
```
#022faa rgb(2,47,170)
```
#0236c3
```
#0236c3 rgb(2,54,195)
```
#033ddc
```
#033ddc rgb(3,61,220)
```
#0344f6
```
#0344f6 rgb(3,68,246)
```

Monochromatic Color

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

#0259aa
```
#0259aa rgb(2,89,170)
```
#024baa
```
#024baa rgb(2,75,170)
```
#023daa
```
#023daa rgb(2,61,170)
```
#022faa
```
#022faa rgb(2,47,170)
```
#0221aa
```
#0221aa rgb(2,33,170)
```
#0213aa
```
#0213aa rgb(2,19,170)
```
#0205aa
```
#0205aa rgb(2,5,170)
```

Similar Colors

Text with hexadecimal color #022faa

This text has a font color of #022faa.

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

#022faa background color

This paragraph has a background color of #022faa.

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

#022faa border color

This element has a border color of #022faa.

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

CSS codes

.text {color:#022faa;}

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

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

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, #00040f is the darkest color, while #fbfcff is the lightest one.

#00040f
```
#00040f rgb(0,4,15)
```
#000922
```
#000922 rgb(0,9,34)
```
#010f36
```
#010f36 rgb(1,15,54)
```
#011449
```
#011449 rgb(1,20,73)
```
#011a5c
```
#011a5c rgb(1,26,92)
```
#011f70
```
#011f70 rgb(1,31,112)
```
#022483
```
#022483 rgb(2,36,131)
```
#022a97
```
#022a97 rgb(2,42,151)
```
#022faa
```
#022faa rgb(2,47,170)
```
#0234bd
```
#0234bd rgb(2,52,189)
```
#023ad1
```
#023ad1 rgb(2,58,209)
```
#033fe4
```
#033fe4 rgb(3,63,228)
```
#0344f8
```
#0344f8 rgb(3,68,248)
```

Shade Color Variation

#1251fc
```
#1251fc rgb(18,81,252)
```
#255ffc
```
#255ffc rgb(37,95,252)
```
#396dfd
```
#396dfd rgb(57,109,253)
```
#4c7bfd
```
#4c7bfd rgb(76,123,253)
```
#5f8afd
```
#5f8afd rgb(95,138,253)
```
#7398fd
```
#7398fd rgb(115,152,253)
```
#86a6fe
```
#86a6fe rgb(134,166,254)
```
#9ab4fe
```
#9ab4fe rgb(154,180,254)
```
#adc3fe
```
#adc3fe rgb(173,195,254)
```
#c0d1fe
```
#c0d1fe rgb(192,209,254)
```
#d4dffe
```
#d4dffe rgb(212,223,254)
```
#e7edff
```
#e7edff rgb(231,237,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#51545b
```
#51545b rgb(81,84,91)
```
#4b5161
```
#4b5161 rgb(75,81,97)
```
#444e68
```
#444e68 rgb(68,78,104)
```
#3e4b6e
```
#3e4b6e rgb(62,75,110)
```
#374875
```
#374875 rgb(55,72,117)
```
#30457c
```
#30457c rgb(48,69,124)
```
#2a4182
```
#2a4182 rgb(42,65,130)
```
#233e89
```
#233e89 rgb(35,62,137)
```
#1c3b90
```
#1c3b90 rgb(28,59,144)
```
#163896
```
#163896 rgb(22,56,150)
```
#0f359d
```
#0f359d rgb(15,53,157)
```
#0932a3
```
#0932a3 rgb(9,50,163)
```
#022faa
```
#022faa rgb(2,47,170)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#273048 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a77 Deuteranopia 1% of men
#005053 Tritanopia 0.001% of the population

Trichromacy

#003e95 Protanomaly 1% of men, 0.01% of women
#004089 Deuteranomaly 6% of men, 0.4% of women
#004473 Tritanomaly 0.01% of the population

#022faa hex color

#022faa Color Information

#022faa Color Conversion

Color Schemes with #022faa

Alternatives to #022faa

#022faa Preview

Shades and Tints of #022faa

Tones of #022faa

Color Blindness Simulator