#022485 hex color

In a RGB color space, hex #022485 is composed of 0.8% red, 14.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 72.9% magenta, 0% yellow and 47.8% black. It has a hue angle of 224.4 degrees, a saturation of 97% and a lightness of 26.5%. #022485 color hex could be obtained by blending #0448ff with #00000b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 14
- B 52
RGB color chart
- C 98
- M 73
- Y 0
- K 48
CMYK color chart

● #022485 color description : Dark blue.

The hexadecimal color #022485 has RGB values of R:2, G:36, B:133 and CMYK values of C:0.98, M:0.73, Y:0, K:0.48. Its decimal value is 140421.

Hex triplet	022485	`#022485`
RGB Decimal	2, 36, 133	`rgb(2,36,133)`
RGB Percent	0.8, 14.1, 52.2	`rgb(0.8%,14.1%,52.2%)`
CMYK	98, 73, 0, 48
HSL	224.4°, 97, 26.5	`hsl(224.4,97%,26.5%)`
HSV (or HSB)	224.4°, 98.5, 52.2
Web Safe	003399	`#003399`

CIE-LAB	19.914, 31.144, -56.328
XYZ	4.889, 2.968, 22.504
xyY	0.161, 0.098, 2.968
CIE-LCH	19.914, 64.365, 298.938
CIE-LUV	19.914, -7.918, -62.103
Hunter-Lab	17.227, 20.507, -65.393
Binary	00000010, 00100100, 10000101

#022485
```
#022485 rgb(2,36,133)
```
#856302
```
#856302 rgb(133,99,2)
```

Complementary Color

#026685
```
#026685 rgb(2,102,133)
```
#022485
```
#022485 rgb(2,36,133)
```
#210285
```
#210285 rgb(33,2,133)
```

Analogous Color

#668502
```
#668502 rgb(102,133,2)
```
#022485
```
#022485 rgb(2,36,133)
```
#852102
```
#852102 rgb(133,33,2)
```

Split Complementary Color

#248502
```
#248502 rgb(36,133,2)
```
#022485
```
#022485 rgb(2,36,133)
```
#850224
```
#850224 rgb(133,2,36)
```

Triadic Color

#028563
```
#028563 rgb(2,133,99)
```
#022485
```
#022485 rgb(2,36,133)
```
#850224
```
#850224 rgb(133,2,36)
```
#856302
```
#856302 rgb(133,99,2)
```

Tetradic Color

#01103a
```
#01103a rgb(1,16,58)
```
#011653
```
#011653 rgb(1,22,83)
```
#021d6c
```
#021d6c rgb(2,29,108)
```
#022485
```
#022485 rgb(2,36,133)
```
#022b9e
```
#022b9e rgb(2,43,158)
```
#0332b7
```
#0332b7 rgb(3,50,183)
```
#0338d0
```
#0338d0 rgb(3,56,208)
```

Monochromatic Color

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

#024585
```
#024585 rgb(2,69,133)
```
#023a85
```
#023a85 rgb(2,58,133)
```
#022f85
```
#022f85 rgb(2,47,133)
```
#022485
```
#022485 rgb(2,36,133)
```
#021985
```
#021985 rgb(2,25,133)
```
#020e85
```
#020e85 rgb(2,14,133)
```
#020385
```
#020385 rgb(2,3,133)
```

Similar Colors

Text with hexadecimal color #022485

This text has a font color of #022485.

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

#022485 background color

This paragraph has a background color of #022485.

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

#022485 border color

This element has a border color of #022485.

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

CSS codes

.text {color:#022485;}

.background {background-color:#022485;}

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

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

#000511
```
#000511 rgb(0,5,17)
```
#010a24
```
#010a24 rgb(1,10,36)
```
#010f38
```
#010f38 rgb(1,15,56)
```
#01144b
```
#01144b rgb(1,20,75)
```
#011a5e
```
#011a5e rgb(1,26,94)
```
#021f72
```
#021f72 rgb(2,31,114)
```
#022485
```
#022485 rgb(2,36,133)
```
#022998
```
#022998 rgb(2,41,152)
```
#032eac
```
#032eac rgb(3,46,172)
```
#0334bf
```
#0334bf rgb(3,52,191)
```
#0339d2
```
#0339d2 rgb(3,57,210)
```
#033ee6
```
#033ee6 rgb(3,62,230)
```
#0443f9
```
#0443f9 rgb(4,67,249)
```

Shade Color Variation

#1551fb
```
#1551fb rgb(21,81,251)
```
#285ffc
```
#285ffc rgb(40,95,252)
```
#3b6dfc
```
#3b6dfc rgb(59,109,252)
```
#4f7cfc
```
#4f7cfc rgb(79,124,252)
```
#628afd
```
#628afd rgb(98,138,253)
```
#7599fd
```
#7599fd rgb(117,153,253)
```
#89a7fd
```
#89a7fd rgb(137,167,253)
```
#9cb5fe
```
#9cb5fe rgb(156,181,254)
```
#afc4fe
```
#afc4fe rgb(175,196,254)
```
#c3d2fe
```
#c3d2fe rgb(195,210,254)
```
#d6e1fe
```
#d6e1fe rgb(214,225,254)
```
#e9efff
```
#e9efff rgb(233,239,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#404247
```
#404247 rgb(64,66,71)
```
#3b3f4c
```
#3b3f4c rgb(59,63,76)
```
#363d51
```
#363d51 rgb(54,61,81)
```
#313a56
```
#313a56 rgb(49,58,86)
```
#2c385b
```
#2c385b rgb(44,56,91)
```
#263561
```
#263561 rgb(38,53,97)
```
#213366
```
#213366 rgb(33,51,102)
```
#1c306b
```
#1c306b rgb(28,48,107)
```
#172e70
```
#172e70 rgb(23,46,112)
```
#122b75
```
#122b75 rgb(18,43,117)
```
#0c297b
```
#0c297b rgb(12,41,123)
```
#072680
```
#072680 rgb(7,38,128)
```
#022485
```
#022485 rgb(2,36,133)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#1e2538 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003c60 Deuteranopia 1% of men
#004043 Tritanopia 0.001% of the population

Trichromacy

#003177 Protanomaly 1% of men, 0.01% of women
#00336d Deuteranomaly 6% of men, 0.4% of women
#00365b Tritanomaly 0.01% of the population

#022485 hex color

#022485 Color Information

#022485 Color Conversion

Color Schemes with #022485

Alternatives to #022485

#022485 Preview

Shades and Tints of #022485

Tones of #022485

Color Blindness Simulator