#0224bc hex color

In a RGB color space, hex #0224bc is composed of 0.8% red, 14.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 80.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 229 degrees, a saturation of 97.9% and a lightness of 37.3%. #0224bc color hex could be obtained by blending #0448ff with #000079. Closest websafe color is: #0033cc.

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

● #0224bc color description : Strong blue.

The hexadecimal color #0224bc has RGB values of R:2, G:36, B:188 and CMYK values of C:0.99, M:0.81, Y:0, K:0.26. Its decimal value is 140476.

Hex triplet	0224bc	`#0224bc`
RGB Decimal	2, 36, 188	`rgb(2,36,188)`
RGB Percent	0.8, 14.1, 73.7	`rgb(0.8%,14.1%,73.7%)`
CMYK	99, 81, 0, 26
HSL	229°, 97.9, 37.3	`hsl(229,97.9%,37.3%)`
HSV (or HSB)	229°, 98.9, 73.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.462, 50.884, -79.014
XYZ	9.731, 4.905, 48.008
xyY	0.155, 0.078, 4.905
CIE-LCH	26.462, 93.981, 302.781
CIE-LUV	26.462, -9.154, -94.309
Hunter-Lab	22.147, 39.676, -113.023
Binary	00000010, 00100100, 10111100

#0224bc
```
#0224bc rgb(2,36,188)
```
#bc9a02
```
#bc9a02 rgb(188,154,2)
```

Complementary Color

#0281bc
```
#0281bc rgb(2,129,188)
```
#0224bc
```
#0224bc rgb(2,36,188)
```
#3d02bc
```
#3d02bc rgb(61,2,188)
```

Analogous Color

#81bc02
```
#81bc02 rgb(129,188,2)
```
#0224bc
```
#0224bc rgb(2,36,188)
```
#bc3d02
```
#bc3d02 rgb(188,61,2)
```

Split Complementary Color

#24bc02
```
#24bc02 rgb(36,188,2)
```
#0224bc
```
#0224bc rgb(2,36,188)
```
#bc0224
```
#bc0224 rgb(188,2,36)
```

Triadic Color

#02bc9a
```
#02bc9a rgb(2,188,154)
```
#0224bc
```
#0224bc rgb(2,36,188)
```
#bc0224
```
#bc0224 rgb(188,2,36)
```
#bc9a02
```
#bc9a02 rgb(188,154,2)
```

Tetradic Color

#011670
```
#011670 rgb(1,22,112)
```
#011a8a
```
#011a8a rgb(1,26,138)
```
#021fa3
```
#021fa3 rgb(2,31,163)
```
#0224bc
```
#0224bc rgb(2,36,188)
```
#0229d5
```
#0229d5 rgb(2,41,213)
```
#032eee
```
#032eee rgb(3,46,238)
```
#0e3afc
```
#0e3afc rgb(14,58,252)
```

Monochromatic Color

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

#0252bc
```
#0252bc rgb(2,82,188)
```
#0243bc
```
#0243bc rgb(2,67,188)
```
#0233bc
```
#0233bc rgb(2,51,188)
```
#0224bc
```
#0224bc rgb(2,36,188)
```
#0214bc
```
#0214bc rgb(2,20,188)
```
#0205bc
```
#0205bc rgb(2,5,188)
```
#0f02bc
```
#0f02bc rgb(15,2,188)
```

Similar Colors

Text with hexadecimal color #0224bc

This text has a font color of #0224bc.

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

#0224bc background color

This paragraph has a background color of #0224bc.

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

#0224bc border color

This element has a border color of #0224bc.

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

CSS codes

.text {color:#0224bc;}

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

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

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, #00030d is the darkest color, while #f9faff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#000621
```
#000621 rgb(0,6,33)
```
#010a34
```
#010a34 rgb(1,10,52)
```
#010e48
```
#010e48 rgb(1,14,72)
```
#01115b
```
#01115b rgb(1,17,91)
```
#01156e
```
#01156e rgb(1,21,110)
```
#011982
```
#011982 rgb(1,25,130)
```
#021d95
```
#021d95 rgb(2,29,149)
```
#0220a9
```
#0220a9 rgb(2,32,169)
```
#0224bc
```
#0224bc rgb(2,36,188)
```
#0228cf
```
#0228cf rgb(2,40,207)
```
#022be3
```
#022be3 rgb(2,43,227)
```
#032ff6
```
#032ff6 rgb(3,47,246)
```

Shade Color Variation

#103bfc
```
#103bfc rgb(16,59,252)
```
#234bfd
```
#234bfd rgb(35,75,253)
```
#375bfd
```
#375bfd rgb(55,91,253)
```
#4a6bfd
```
#4a6bfd rgb(74,107,253)
```
#5e7bfd
```
#5e7bfd rgb(94,123,253)
```
#718bfd
```
#718bfd rgb(113,139,253)
```
#849bfe
```
#849bfe rgb(132,155,254)
```
#98abfe
```
#98abfe rgb(152,171,254)
```
#abbafe
```
#abbafe rgb(171,186,254)
```
#bfcafe
```
#bfcafe rgb(191,202,254)
```
#d2daff
```
#d2daff rgb(210,218,255)
```
#e6eaff
```
#e6eaff rgb(230,234,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#5a5c64
```
#5a5c64 rgb(90,92,100)
```
#52576c
```
#52576c rgb(82,87,108)
```
#4b5273
```
#4b5273 rgb(75,82,115)
```
#444e7a
```
#444e7a rgb(68,78,122)
```
#3c4982
```
#3c4982 rgb(60,73,130)
```
#354489
```
#354489 rgb(53,68,137)
```
#2e4090
```
#2e4090 rgb(46,64,144)
```
#273b97
```
#273b97 rgb(39,59,151)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#1832a6
```
#1832a6 rgb(24,50,166)
```
#112dad
```
#112dad rgb(17,45,173)
```
#0929b5
```
#0929b5 rgb(9,41,181)
```
#0224bc
```
#0224bc rgb(2,36,188)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#232a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#003a9b Protanomaly 1% of men, 0.01% of women
#003c8f Deuteranomaly 6% of men, 0.4% of women
#003f79 Tritanomaly 0.01% of the population

#0224bc hex color

#0224bc Color Information

#0224bc Color Conversion

Color Schemes with #0224bc

Alternatives to #0224bc

#0224bc Preview

Shades and Tints of #0224bc

Tones of #0224bc

Color Blindness Simulator