#0224ce hex color

In a RGB color space, hex #0224ce is composed of 0.8% red, 14.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 82.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 230 degrees, a saturation of 98.1% and a lightness of 40.8%. #0224ce color hex could be obtained by blending #0448ff with #00009d. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 14
- B 81
RGB color chart
- C 99
- M 83
- Y 0
- K 19
CMYK color chart

● #0224ce color description : Strong blue.

The hexadecimal color #0224ce has RGB values of R:2, G:36, B:206 and CMYK values of C:0.99, M:0.83, Y:0, K:0.19. Its decimal value is 140494.

Hex triplet	0224ce	`#0224ce`
RGB Decimal	2, 36, 206	`rgb(2,36,206)`
RGB Percent	0.8, 14.1, 80.8	`rgb(0.8%,14.1%,80.8%)`
CMYK	99, 83, 0, 19
HSL	230°, 98.1, 40.8	`hsl(230,98.1%,40.8%)`
HSV (or HSB)	230°, 99, 80.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	28.721, 56.63, -85.831
XYZ	11.794, 5.73, 58.873
xyY	0.154, 0.075, 5.73
CIE-LCH	28.721, 102.83, 303.416
CIE-LUV	28.721, -9.666, -104.684
Hunter-Lab	23.937, 46.059, -129.067
Binary	00000010, 00100100, 11001110

#0224ce
```
#0224ce rgb(2,36,206)
```
#ceac02
```
#ceac02 rgb(206,172,2)
```

Complementary Color

#028ace
```
#028ace rgb(2,138,206)
```
#0224ce
```
#0224ce rgb(2,36,206)
```
#4602ce
```
#4602ce rgb(70,2,206)
```

Analogous Color

#8ace02
```
#8ace02 rgb(138,206,2)
```
#0224ce
```
#0224ce rgb(2,36,206)
```
#ce4602
```
#ce4602 rgb(206,70,2)
```

Split Complementary Color

#24ce02
```
#24ce02 rgb(36,206,2)
```
#0224ce
```
#0224ce rgb(2,36,206)
```
#ce0224
```
#ce0224 rgb(206,2,36)
```

Triadic Color

#02ceac
```
#02ceac rgb(2,206,172)
```
#0224ce
```
#0224ce rgb(2,36,206)
```
#ce0224
```
#ce0224 rgb(206,2,36)
```
#ceac02
```
#ceac02 rgb(206,172,2)
```

Tetradic Color

#011782
```
#011782 rgb(1,23,130)
```
#021b9b
```
#021b9b rgb(2,27,155)
```
#0220b5
```
#0220b5 rgb(2,32,181)
```
#0224ce
```
#0224ce rgb(2,36,206)
```
#0228e7
```
#0228e7 rgb(2,40,231)
```
#062ffd
```
#062ffd rgb(6,47,253)
```
#2045fd
```
#2045fd rgb(32,69,253)
```

Monochromatic Color

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

#0257ce
```
#0257ce rgb(2,87,206)
```
#0246ce
```
#0246ce rgb(2,70,206)
```
#0235ce
```
#0235ce rgb(2,53,206)
```
#0224ce
```
#0224ce rgb(2,36,206)
```
#0213ce
```
#0213ce rgb(2,19,206)
```
#0202ce
```
#0202ce rgb(2,2,206)
```
#1302ce
```
#1302ce rgb(19,2,206)
```

Similar Colors

Text with hexadecimal color #0224ce

This text has a font color of #0224ce.

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

#0224ce background color

This paragraph has a background color of #0224ce.

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

#0224ce border color

This element has a border color of #0224ce.

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

CSS codes

.text {color:#0224ce;}

.background {background-color:#0224ce;}

.border {border:1px solid #0224ce;}

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

#00020c
```
#00020c rgb(0,2,12)
```
#00051f
```
#00051f rgb(0,5,31)
```
#000933
```
#000933 rgb(0,9,51)
```
#010c46
```
#010c46 rgb(1,12,70)
```
#011059
```
#011059 rgb(1,16,89)
```
#01136d
```
#01136d rgb(1,19,109)
```
#011680
```
#011680 rgb(1,22,128)
```
#011a94
```
#011a94 rgb(1,26,148)
```
#021da7
```
#021da7 rgb(2,29,167)
```
#0221bb
```
#0221bb rgb(2,33,187)
```
#0224ce
```
#0224ce rgb(2,36,206)
```
#0227e1
```
#0227e1 rgb(2,39,225)
```
#022bf5
```
#022bf5 rgb(2,43,245)
```

Shade Color Variation

#0e36fd
```
#0e36fd rgb(14,54,253)
```
#2246fd
```
#2246fd rgb(34,70,253)
```
#3556fd
```
#3556fd rgb(53,86,253)
```
#4867fd
```
#4867fd rgb(72,103,253)
```
#5c77fd
```
#5c77fd rgb(92,119,253)
```
#6f87fe
```
#6f87fe rgb(111,135,254)
```
#8397fe
```
#8397fe rgb(131,151,254)
```
#96a7fe
```
#96a7fe rgb(150,167,254)
```
#aab8fe
```
#aab8fe rgb(170,184,254)
```
#bdc8fe
```
#bdc8fe rgb(189,200,254)
```
#d0d8ff
```
#d0d8ff rgb(208,216,255)
```
#e4e8ff
```
#e4e8ff rgb(228,232,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#62646e
```
#62646e rgb(98,100,110)
```
#5a5f76
```
#5a5f76 rgb(90,95,118)
```
#52597e
```
#52597e rgb(82,89,126)
```
#4a5486
```
#4a5486 rgb(74,84,134)
```
#424f8e
```
#424f8e rgb(66,79,142)
```
#3a4996
```
#3a4996 rgb(58,73,150)
```
#32449e
```
#32449e rgb(50,68,158)
```
#2a3fa6
```
#2a3fa6 rgb(42,63,166)
```
#2239ae
```
#2239ae rgb(34,57,174)
```
#1a34b6
```
#1a34b6 rgb(26,52,182)
```
#122fbe
```
#122fbe rgb(18,47,190)
```
#0a29c6
```
#0a29c6 rgb(10,41,198)
```
#0224ce
```
#0224ce rgb(2,36,206)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#242b4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#003da7 Protanomaly 1% of men, 0.01% of women
#003f9b Deuteranomaly 6% of men, 0.4% of women
#004383 Tritanomaly 0.01% of the population

#0224ce hex color

#0224ce Color Information

#0224ce Color Conversion

Color Schemes with #0224ce

Alternatives to #0224ce

#0224ce Preview

Shades and Tints of #0224ce

Tones of #0224ce

Color Blindness Simulator