#022ccd hex color

In a RGB color space, hex #022ccd is composed of 0.8% red, 17.3% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 78.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 227.6 degrees, a saturation of 98.1% and a lightness of 40.6%. #022ccd color hex could be obtained by blending #0458ff with #00009b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 17
- B 80
RGB color chart
- C 99
- M 79
- Y 0
- K 20
CMYK color chart

● #022ccd color description : Strong blue.

The hexadecimal color #022ccd has RGB values of R:2, G:44, B:205 and CMYK values of C:0.99, M:0.79, Y:0, K:0.2. Its decimal value is 142541.

Hex triplet	022ccd	`#022ccd`
RGB Decimal	2, 44, 205	`rgb(2,44,205)`
RGB Percent	0.8, 17.3, 80.4	`rgb(0.8%,17.3%,80.4%)`
CMYK	99, 79, 0, 20
HSL	227.6°, 98.1, 40.6	`hsl(227.6,98.1%,40.6%)`
HSV (or HSB)	227.6°, 99, 80.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.963, 52.316, -83.181
XYZ	11.943, 6.221, 58.326
xyY	0.156, 0.081, 6.221
CIE-LCH	29.963, 98.265, 302.167
CIE-LUV	29.963, -10.661, -104.604
Hunter-Lab	24.942, 41.822, -121.187
Binary	00000010, 00101100, 11001101

#022ccd
```
#022ccd rgb(2,44,205)
```
#cda302
```
#cda302 rgb(205,163,2)
```

Complementary Color

#0292cd
```
#0292cd rgb(2,146,205)
```
#022ccd
```
#022ccd rgb(2,44,205)
```
#3d02cd
```
#3d02cd rgb(61,2,205)
```

Analogous Color

#92cd02
```
#92cd02 rgb(146,205,2)
```
#022ccd
```
#022ccd rgb(2,44,205)
```
#cd3d02
```
#cd3d02 rgb(205,61,2)
```

Split Complementary Color

#2ccd02
```
#2ccd02 rgb(44,205,2)
```
#022ccd
```
#022ccd rgb(2,44,205)
```
#cd022c
```
#cd022c rgb(205,2,44)
```

Triadic Color

#02cda3
```
#02cda3 rgb(2,205,163)
```
#022ccd
```
#022ccd rgb(2,44,205)
```
#cd022c
```
#cd022c rgb(205,2,44)
```
#cda302
```
#cda302 rgb(205,163,2)
```

Tetradic Color

#011c81
```
#011c81 rgb(1,28,129)
```
#02219a
```
#02219a rgb(2,33,154)
```
#0227b4
```
#0227b4 rgb(2,39,180)
```
#022ccd
```
#022ccd rgb(2,44,205)
```
#0231e6
```
#0231e6 rgb(2,49,230)
```
#0539fd
```
#0539fd rgb(5,57,253)
```
#1f4dfd
```
#1f4dfd rgb(31,77,253)
```

Monochromatic Color

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

#025fcd
```
#025fcd rgb(2,95,205)
```
#024ecd
```
#024ecd rgb(2,78,205)
```
#023dcd
```
#023dcd rgb(2,61,205)
```
#022ccd
```
#022ccd rgb(2,44,205)
```
#021bcd
```
#021bcd rgb(2,27,205)
```
#020acd
```
#020acd rgb(2,10,205)
```
#0b02cd
```
#0b02cd rgb(11,2,205)
```

Similar Colors

Text with hexadecimal color #022ccd

This text has a font color of #022ccd.

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

#022ccd background color

This paragraph has a background color of #022ccd.

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

#022ccd border color

This element has a border color of #022ccd.

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

CSS codes

.text {color:#022ccd;}

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

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

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, #00020b is the darkest color, while #f6f8ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#00061e
```
#00061e rgb(0,6,30)
```
#000b32
```
#000b32 rgb(0,11,50)
```
#010f45
```
#010f45 rgb(1,15,69)
```
#011358
```
#011358 rgb(1,19,88)
```
#01176c
```
#01176c rgb(1,23,108)
```
#011b7f
```
#011b7f rgb(1,27,127)
```
#011f93
```
#011f93 rgb(1,31,147)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```
#0228ba
```
#0228ba rgb(2,40,186)
```
#022ccd
```
#022ccd rgb(2,44,205)
```
#0230e0
```
#0230e0 rgb(2,48,224)
```
#0234f4
```
#0234f4 rgb(2,52,244)
```

Shade Color Variation

#0d3ffd
```
#0d3ffd rgb(13,63,253)
```
#214efd
```
#214efd rgb(33,78,253)
```
#345efd
```
#345efd rgb(52,94,253)
```
#476dfd
```
#476dfd rgb(71,109,253)
```
#5b7dfd
```
#5b7dfd rgb(91,125,253)
```
#6e8cfe
```
#6e8cfe rgb(110,140,254)
```
#829bfe
```
#829bfe rgb(130,155,254)
```
#95abfe
```
#95abfe rgb(149,171,254)
```
#a9bafe
```
#a9bafe rgb(169,186,254)
```
#bccafe
```
#bccafe rgb(188,202,254)
```
#cfd9ff
```
#cfd9ff rgb(207,217,255)
```
#e3e9ff
```
#e3e9ff rgb(227,233,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#62646d
```
#62646d rgb(98,100,109)
```
#5a5f75
```
#5a5f75 rgb(90,95,117)
```
#525b7d
```
#525b7d rgb(82,91,125)
```
#4a5685
```
#4a5685 rgb(74,86,133)
```
#42518d
```
#42518d rgb(66,81,141)
```
#3a4d95
```
#3a4d95 rgb(58,77,149)
```
#32489d
```
#32489d rgb(50,72,157)
```
#2a43a5
```
#2a43a5 rgb(42,67,165)
```
#223fad
```
#223fad rgb(34,63,173)
```
#1a3ab5
```
#1a3ab5 rgb(26,58,181)
```
#1235bd
```
#1235bd rgb(18,53,189)
```
#0a31c5
```
#0a31c5 rgb(10,49,197)
```
#022ccd
```
#022ccd rgb(2,44,205)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#283151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585b Tritanopia 0.001% of the population

Trichromacy

#0041aa Protanomaly 1% of men, 0.01% of women
#00449d Deuteranomaly 6% of men, 0.4% of women
#004885 Tritanomaly 0.01% of the population

#022ccd hex color

#022ccd Color Information

#022ccd Color Conversion

Color Schemes with #022ccd

Alternatives to #022ccd

#022ccd Preview

Shades and Tints of #022ccd

Tones of #022ccd

Color Blindness Simulator