#0224b2 hex color

In a RGB color space, hex #0224b2 is composed of 0.8% red, 14.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 79.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 228.4 degrees, a saturation of 97.8% and a lightness of 35.3%. #0224b2 color hex could be obtained by blending #0448ff with #000065. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 14
- B 70
RGB color chart
- C 99
- M 80
- Y 0
- K 30
CMYK color chart

● #0224b2 color description : Dark blue.

The hexadecimal color #0224b2 has RGB values of R:2, G:36, B:178 and CMYK values of C:0.99, M:0.8, Y:0, K:0.3. Its decimal value is 140466.

Hex triplet	0224b2	`#0224b2`
RGB Decimal	2, 36, 178	`rgb(2,36,178)`
RGB Percent	0.8, 14.1, 69.8	`rgb(0.8%,14.1%,69.8%)`
CMYK	99, 80, 0, 30
HSL	228.4°, 97.8, 35.3	`hsl(228.4,97.8%,35.3%)`
HSV (or HSB)	228.4°, 98.9, 69.8
Web Safe	003399	`#003399`

CIE-LAB	25.224, 47.56, -75.117
XYZ	8.69, 4.488, 42.525
xyY	0.156, 0.081, 4.488
CIE-LCH	25.224, 88.907, 302.34
CIE-LUV	25.224, -8.887, -88.512
Hunter-Lab	21.186, 36.144, -104.181
Binary	00000010, 00100100, 10110010

#0224b2
```
#0224b2 rgb(2,36,178)
```
#b29002
```
#b29002 rgb(178,144,2)
```

Complementary Color

#027cb2
```
#027cb2 rgb(2,124,178)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```
#3802b2
```
#3802b2 rgb(56,2,178)
```

Analogous Color

#7cb202
```
#7cb202 rgb(124,178,2)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```
#b23802
```
#b23802 rgb(178,56,2)
```

Split Complementary Color

#24b202
```
#24b202 rgb(36,178,2)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```
#b20224
```
#b20224 rgb(178,2,36)
```

Triadic Color

#02b290
```
#02b290 rgb(2,178,144)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```
#b20224
```
#b20224 rgb(178,2,36)
```
#b29002
```
#b29002 rgb(178,144,2)
```

Tetradic Color

#011566
```
#011566 rgb(1,21,102)
```
#011a80
```
#011a80 rgb(1,26,128)
```
#021f99
```
#021f99 rgb(2,31,153)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```
#0229cb
```
#0229cb rgb(2,41,203)
```
#032ee4
```
#032ee4 rgb(3,46,228)
```
#0434fc
```
#0434fc rgb(4,52,252)
```

Monochromatic Color

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

#0250b2
```
#0250b2 rgb(2,80,178)
```
#0241b2
```
#0241b2 rgb(2,65,178)
```
#0233b2
```
#0233b2 rgb(2,51,178)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```
#0215b2
```
#0215b2 rgb(2,21,178)
```
#0207b2
```
#0207b2 rgb(2,7,178)
```
#0c02b2
```
#0c02b2 rgb(12,2,178)
```

Similar Colors

Text with hexadecimal color #0224b2

This text has a font color of #0224b2.

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

#0224b2 background color

This paragraph has a background color of #0224b2.

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

#0224b2 border color

This element has a border color of #0224b2.

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

CSS codes

.text {color:#0224b2;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000517
```
#000517 rgb(0,5,23)
```
#00092a
```
#00092a rgb(0,9,42)
```
#010c3e
```
#010c3e rgb(1,12,62)
```
#011051
```
#011051 rgb(1,16,81)
```
#011464
```
#011464 rgb(1,20,100)
```
#011878
```
#011878 rgb(1,24,120)
```
#021c8b
```
#021c8b rgb(2,28,139)
```
#02209f
```
#02209f rgb(2,32,159)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```
#022cd9
```
#022cd9 rgb(2,44,217)
```
#0330ec
```
#0330ec rgb(3,48,236)
```

Shade Color Variation

#0636fc
```
#0636fc rgb(6,54,252)
```
#1a45fc
```
#1a45fc rgb(26,69,252)
```
#2d55fd
```
#2d55fd rgb(45,85,253)
```
#4065fd
```
#4065fd rgb(64,101,253)
```
#5475fd
```
#5475fd rgb(84,117,253)
```
#6784fd
```
#6784fd rgb(103,132,253)
```
#7b94fe
```
#7b94fe rgb(123,148,254)
```
#8ea4fe
```
#8ea4fe rgb(142,164,254)
```
#a1b3fe
```
#a1b3fe rgb(161,179,254)
```
#b5c3fe
```
#b5c3fe rgb(181,195,254)
```
#c8d3fe
```
#c8d3fe rgb(200,211,254)
```
#dce2ff
```
#dce2ff rgb(220,226,255)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

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

#55575f
```
#55575f rgb(85,87,95)
```
#4e5366
```
#4e5366 rgb(78,83,102)
```
#474e6d
```
#474e6d rgb(71,78,109)
```
#404a74
```
#404a74 rgb(64,74,116)
```
#39467b
```
#39467b rgb(57,70,123)
```
#324282
```
#324282 rgb(50,66,130)
```
#2c3d88
```
#2c3d88 rgb(44,61,136)
```
#25398f
```
#25398f rgb(37,57,143)
```
#1e3596
```
#1e3596 rgb(30,53,150)
```
#17319d
```
#17319d rgb(23,49,157)
```
#102ca4
```
#102ca4 rgb(16,44,164)
```
#0928ab
```
#0928ab rgb(9,40,171)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#222945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004871 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#003894 Protanomaly 1% of men, 0.01% of women
#003a89 Deuteranomaly 6% of men, 0.4% of women
#003e73 Tritanomaly 0.01% of the population

#0224b2 hex color

#0224b2 Color Information

#0224b2 Color Conversion

Color Schemes with #0224b2

Alternatives to #0224b2

#0224b2 Preview

Shades and Tints of #0224b2

Tones of #0224b2

Color Blindness Simulator