#022fae hex color

In a RGB color space, hex #022fae is composed of 0.8% red, 18.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 73% magenta, 0% yellow and 31.8% black. It has a hue angle of 224.3 degrees, a saturation of 97.7% and a lightness of 34.5%. #022fae color hex could be obtained by blending #045eff with #00005d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 18
- B 68
RGB color chart
- C 99
- M 73
- Y 0
- K 32
CMYK color chart

● #022fae color description : Dark blue.

The hexadecimal color #022fae has RGB values of R:2, G:47, B:174 and CMYK values of C:0.99, M:0.73, Y:0, K:0.32. Its decimal value is 143278.

Hex triplet	022fae	`#022fae`
RGB Decimal	2, 47, 174	`rgb(2,47,174)`
RGB Percent	0.8, 18.4, 68.2	`rgb(0.8%,18.4%,68.2%)`
CMYK	99, 73, 0, 32
HSL	224.3°, 97.7, 34.5	`hsl(224.3,97.7%,34.5%)`
HSV (or HSB)	224.3°, 98.9, 68.2
Web Safe	003399	`#003399`

CIE-LAB	27.021, 39.727, -69.741
XYZ	8.68, 5.101, 40.569
xyY	0.16, 0.094, 5.101
CIE-LCH	27.021, 80.263, 299.667
CIE-LUV	27.021, -10.55, -86.57
Hunter-Lab	22.586, 29.074, -90.688
Binary	00000010, 00101111, 10101110

#022fae
```
#022fae rgb(2,47,174)
```
#ae8102
```
#ae8102 rgb(174,129,2)
```

Complementary Color

#0285ae
```
#0285ae rgb(2,133,174)
```
#022fae
```
#022fae rgb(2,47,174)
```
#2b02ae
```
#2b02ae rgb(43,2,174)
```

Analogous Color

#85ae02
```
#85ae02 rgb(133,174,2)
```
#022fae
```
#022fae rgb(2,47,174)
```
#ae2b02
```
#ae2b02 rgb(174,43,2)
```

Split Complementary Color

#2fae02
```
#2fae02 rgb(47,174,2)
```
#022fae
```
#022fae rgb(2,47,174)
```
#ae022f
```
#ae022f rgb(174,2,47)
```

Triadic Color

#02ae81
```
#02ae81 rgb(2,174,129)
```
#022fae
```
#022fae rgb(2,47,174)
```
#ae022f
```
#ae022f rgb(174,2,47)
```
#ae8102
```
#ae8102 rgb(174,129,2)
```

Tetradic Color

#011b62
```
#011b62 rgb(1,27,98)
```
#01217c
```
#01217c rgb(1,33,124)
```
#022895
```
#022895 rgb(2,40,149)
```
#022fae
```
#022fae rgb(2,47,174)
```
#0236c7
```
#0236c7 rgb(2,54,199)
```
#033de0
```
#033de0 rgb(3,61,224)
```
#0343fa
```
#0343fa rgb(3,67,250)
```

Monochromatic Color

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

#025aae
```
#025aae rgb(2,90,174)
```
#024cae
```
#024cae rgb(2,76,174)
```
#023dae
```
#023dae rgb(2,61,174)
```
#022fae
```
#022fae rgb(2,47,174)
```
#0221ae
```
#0221ae rgb(2,33,174)
```
#0212ae
```
#0212ae rgb(2,18,174)
```
#0204ae
```
#0204ae rgb(2,4,174)
```

Similar Colors

Text with hexadecimal color #022fae

This text has a font color of #022fae.

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

#022fae background color

This paragraph has a background color of #022fae.

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

#022fae border color

This element has a border color of #022fae.

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

CSS codes

.text {color:#022fae;}

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

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

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

#000513
```
#000513 rgb(0,5,19)
```
#000a26
```
#000a26 rgb(0,10,38)
```
#01103a
```
#01103a rgb(1,16,58)
```
#01154d
```
#01154d rgb(1,21,77)
```
#011a60
```
#011a60 rgb(1,26,96)
```
#011f74
```
#011f74 rgb(1,31,116)
```
#022587
```
#022587 rgb(2,37,135)
```
#022a9b
```
#022a9b rgb(2,42,155)
```
#022fae
```
#022fae rgb(2,47,174)
```
#0234c1
```
#0234c1 rgb(2,52,193)
```
#0239d5
```
#0239d5 rgb(2,57,213)
```
#033fe8
```
#033fe8 rgb(3,63,232)
```
#0344fc
```
#0344fc rgb(3,68,252)
```

Shade Color Variation

#1652fc
```
#1652fc rgb(22,82,252)
```
#2960fd
```
#2960fd rgb(41,96,253)
```
#3d6ffd
```
#3d6ffd rgb(61,111,253)
```
#507dfd
```
#507dfd rgb(80,125,253)
```
#638cfd
```
#638cfd rgb(99,140,253)
```
#779afd
```
#779afd rgb(119,154,253)
```
#8aa8fe
```
#8aa8fe rgb(138,168,254)
```
#9eb7fe
```
#9eb7fe rgb(158,183,254)
```
#b1c5fe
```
#b1c5fe rgb(177,197,254)
```
#c4d3fe
```
#c4d3fe rgb(196,211,254)
```
#d8e2ff
```
#d8e2ff rgb(216,226,255)
```
#ebf0ff
```
#ebf0ff rgb(235,240,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#53565d
```
#53565d rgb(83,86,93)
```
#4c5264
```
#4c5264 rgb(76,82,100)
```
#464f6a
```
#464f6a rgb(70,79,106)
```
#3f4c71
```
#3f4c71 rgb(63,76,113)
```
#384978
```
#384978 rgb(56,73,120)
```
#31467f
```
#31467f rgb(49,70,127)
```
#2b4285
```
#2b4285 rgb(43,66,133)
```
#243f8c
```
#243f8c rgb(36,63,140)
```
#1d3c93
```
#1d3c93 rgb(29,60,147)
```
#16399a
```
#16399a rgb(22,57,154)
```
#1035a0
```
#1035a0 rgb(16,53,160)
```
#0932a7
```
#0932a7 rgb(9,50,167)
```
#022fae
```
#022fae rgb(2,47,174)
```

Tone Color Variation

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

Dichromacy

#00478b Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#005154 Tritanopia 0.001% of the population

Trichromacy

#003e97 Protanomaly 1% of men, 0.01% of women
#00418c Deuteranomaly 6% of men, 0.4% of women
#004475 Tritanomaly 0.01% of the population

#022fae hex color

#022fae Color Information

#022fae Color Conversion

Color Schemes with #022fae

Alternatives to #022fae

#022fae Preview

Shades and Tints of #022fae

Tones of #022fae

Color Blindness Simulator