#0224bd hex color

In a RGB color space, hex #0224bd is composed of 0.8% red, 14.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 81% magenta, 0% yellow and 25.9% black. It has a hue angle of 229.1 degrees, a saturation of 97.9% and a lightness of 37.5%. #0224bd color hex could be obtained by blending #0448ff with #00007b. 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

● #0224bd color description : Strong blue.

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

Hex triplet	0224bd	`#0224bd`
RGB Decimal	2, 36, 189	`rgb(2,36,189)`
RGB Percent	0.8, 14.1, 74.1	`rgb(0.8%,14.1%,74.1%)`
CMYK	99, 81, 0, 26
HSL	229.1°, 97.9, 37.5	`hsl(229.1,97.9%,37.5%)`
HSV (or HSB)	229.1°, 98.9, 74.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.586, 51.211, -79.399
XYZ	9.839, 4.948, 48.578
xyY	0.155, 0.078, 4.948
CIE-LCH	26.586, 94.482, 302.822
CIE-LUV	26.586, -9.182, -94.888
Hunter-Lab	22.244, 40.03, -113.91
Binary	00000010, 00100100, 10111101

#0224bd
```
#0224bd rgb(2,36,189)
```
#bd9b02
```
#bd9b02 rgb(189,155,2)
```

Complementary Color

#0282bd
```
#0282bd rgb(2,130,189)
```
#0224bd
```
#0224bd rgb(2,36,189)
```
#3e02bd
```
#3e02bd rgb(62,2,189)
```

Analogous Color

#82bd02
```
#82bd02 rgb(130,189,2)
```
#0224bd
```
#0224bd rgb(2,36,189)
```
#bd3e02
```
#bd3e02 rgb(189,62,2)
```

Split Complementary Color

#24bd02
```
#24bd02 rgb(36,189,2)
```
#0224bd
```
#0224bd rgb(2,36,189)
```
#bd0224
```
#bd0224 rgb(189,2,36)
```

Triadic Color

#02bd9b
```
#02bd9b rgb(2,189,155)
```
#0224bd
```
#0224bd rgb(2,36,189)
```
#bd0224
```
#bd0224 rgb(189,2,36)
```
#bd9b02
```
#bd9b02 rgb(189,155,2)
```

Tetradic Color

#011671
```
#011671 rgb(1,22,113)
```
#011a8b
```
#011a8b rgb(1,26,139)
```
#021fa4
```
#021fa4 rgb(2,31,164)
```
#0224bd
```
#0224bd rgb(2,36,189)
```
#0229d6
```
#0229d6 rgb(2,41,214)
```
#032eef
```
#032eef rgb(3,46,239)
```
#0f3afc
```
#0f3afc rgb(15,58,252)
```

Monochromatic Color

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

#0253bd
```
#0253bd rgb(2,83,189)
```
#0243bd
```
#0243bd rgb(2,67,189)
```
#0234bd
```
#0234bd rgb(2,52,189)
```
#0224bd
```
#0224bd rgb(2,36,189)
```
#0214bd
```
#0214bd rgb(2,20,189)
```
#0205bd
```
#0205bd rgb(2,5,189)
```
#0f02bd
```
#0f02bd rgb(15,2,189)
```

Similar Colors

Text with hexadecimal color #0224bd

This text has a font color of #0224bd.

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

#0224bd background color

This paragraph has a background color of #0224bd.

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

#0224bd border color

This element has a border color of #0224bd.

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

CSS codes

.text {color:#0224bd;}

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

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

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

#00030e
```
#00030e rgb(0,3,14)
```
#000622
```
#000622 rgb(0,6,34)
```
#010a35
```
#010a35 rgb(1,10,53)
```
#010e49
```
#010e49 rgb(1,14,73)
```
#01125c
```
#01125c rgb(1,18,92)
```
#01156f
```
#01156f rgb(1,21,111)
```
#011983
```
#011983 rgb(1,25,131)
```
#021d96
```
#021d96 rgb(2,29,150)
```
#0220aa
```
#0220aa rgb(2,32,170)
```
#0224bd
```
#0224bd rgb(2,36,189)
```
#0228d0
```
#0228d0 rgb(2,40,208)
```
#022be4
```
#022be4 rgb(2,43,228)
```
#032ff7
```
#032ff7 rgb(3,47,247)
```

Shade Color Variation

#113cfc
```
#113cfc rgb(17,60,252)
```
#244cfd
```
#244cfd rgb(36,76,253)
```
#385cfd
```
#385cfd rgb(56,92,253)
```
#4b6cfd
```
#4b6cfd rgb(75,108,253)
```
#5f7bfd
```
#5f7bfd rgb(95,123,253)
```
#728bfe
```
#728bfe rgb(114,139,254)
```
#859bfe
```
#859bfe rgb(133,155,254)
```
#99abfe
```
#99abfe rgb(153,171,254)
```
#acbbfe
```
#acbbfe rgb(172,187,254)
```
#c0cbfe
```
#c0cbfe rgb(192,203,254)
```
#d3dbff
```
#d3dbff rgb(211,219,255)
```
#e6ebff
```
#e6ebff rgb(230,235,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#5a5c65
```
#5a5c65 rgb(90,92,101)
```
#53576c
```
#53576c rgb(83,87,108)
```
#4b5374
```
#4b5374 rgb(75,83,116)
```
#444e7b
```
#444e7b rgb(68,78,123)
```
#3d4982
```
#3d4982 rgb(61,73,130)
```
#35458a
```
#35458a rgb(53,69,138)
```
#2e4091
```
#2e4091 rgb(46,64,145)
```
#273b98
```
#273b98 rgb(39,59,152)
```
#1f37a0
```
#1f37a0 rgb(31,55,160)
```
#1832a7
```
#1832a7 rgb(24,50,167)
```
#112dae
```
#112dae rgb(17,45,174)
```
#0929b6
```
#0929b6 rgb(9,41,182)
```
#0224bd
```
#0224bd rgb(2,36,189)
```

Tone Color Variation

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

#004689 Protanopia 1% of men
#004b76 Deuteranopia 1% of men
#005053 Tritanopia 0.001% of the population

Trichromacy

#003a9c Protanomaly 1% of men, 0.01% of women
#003c90 Deuteranomaly 6% of men, 0.4% of women
#004079 Tritanomaly 0.01% of the population

#0224bd hex color

#0224bd Color Information

#0224bd Color Conversion

Color Schemes with #0224bd

Alternatives to #0224bd

#0224bd Preview

Shades and Tints of #0224bd

Tones of #0224bd

Color Blindness Simulator