#0224a6 hex color

In a RGB color space, hex #0224a6 is composed of 0.8% red, 14.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 78.3% magenta, 0% yellow and 34.9% black. It has a hue angle of 227.6 degrees, a saturation of 97.6% and a lightness of 32.9%. #0224a6 color hex could be obtained by blending #0448ff with #00004d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 14
- B 65
RGB color chart
- C 99
- M 78
- Y 0
- K 35
CMYK color chart

● #0224a6 color description : Dark blue.

The hexadecimal color #0224a6 has RGB values of R:2, G:36, B:166 and CMYK values of C:0.99, M:0.78, Y:0, K:0.35. Its decimal value is 140454.

Hex triplet	0224a6	`#0224a6`
RGB Decimal	2, 36, 166	`rgb(2,36,166)`
RGB Percent	0.8, 14.1, 65.1	`rgb(0.8%,14.1%,65.1%)`
CMYK	99, 78, 0, 35
HSL	227.6°, 97.6, 32.9	`hsl(227.6,97.6%,32.9%)`
HSV (or HSB)	227.6°, 98.8, 65.1
Web Safe	003399	`#003399`

CIE-LAB	23.761, 43.431, -70.322
XYZ	7.537, 4.027, 36.454
xyY	0.157, 0.084, 4.027
CIE-LCH	23.761, 82.652, 301.699
CIE-LUV	23.761, -8.587, -81.524
Hunter-Lab	20.068, 31.925, -93.656
Binary	00000010, 00100100, 10100110

#0224a6
```
#0224a6 rgb(2,36,166)
```
#a68402
```
#a68402 rgb(166,132,2)
```

Complementary Color

#0276a6
```
#0276a6 rgb(2,118,166)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```
#3202a6
```
#3202a6 rgb(50,2,166)
```

Analogous Color

#76a602
```
#76a602 rgb(118,166,2)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```
#a63202
```
#a63202 rgb(166,50,2)
```

Split Complementary Color

#24a602
```
#24a602 rgb(36,166,2)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```
#a60224
```
#a60224 rgb(166,2,36)
```

Triadic Color

#02a684
```
#02a684 rgb(2,166,132)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```
#a60224
```
#a60224 rgb(166,2,36)
```
#a68402
```
#a68402 rgb(166,132,2)
```

Tetradic Color

#01145a
```
#01145a rgb(1,20,90)
```
#011974
```
#011974 rgb(1,25,116)
```
#021f8d
```
#021f8d rgb(2,31,141)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```
#0229bf
```
#0229bf rgb(2,41,191)
```
#032fd8
```
#032fd8 rgb(3,47,216)
```
#0334f2
```
#0334f2 rgb(3,52,242)
```

Monochromatic Color

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

#024da6
```
#024da6 rgb(2,77,166)
```
#023fa6
```
#023fa6 rgb(2,63,166)
```
#0232a6
```
#0232a6 rgb(2,50,166)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```
#0216a6
```
#0216a6 rgb(2,22,166)
```
#0209a6
```
#0209a6 rgb(2,9,166)
```
#0902a6
```
#0902a6 rgb(9,2,166)
```

Similar Colors

Text with hexadecimal color #0224a6

This text has a font color of #0224a6.

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

#0224a6 background color

This paragraph has a background color of #0224a6.

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

#0224a6 border color

This element has a border color of #0224a6.

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

CSS codes

.text {color:#0224a6;}

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

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

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 #f7f8ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#00071e
```
#00071e rgb(0,7,30)
```
#010b32
```
#010b32 rgb(1,11,50)
```
#010f45
```
#010f45 rgb(1,15,69)
```
#011358
```
#011358 rgb(1,19,88)
```
#01176c
```
#01176c rgb(1,23,108)
```
#021c7f
```
#021c7f rgb(2,28,127)
```
#022093
```
#022093 rgb(2,32,147)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```
#0228b9
```
#0228b9 rgb(2,40,185)
```
#022ccd
```
#022ccd rgb(2,44,205)
```
#0331e0
```
#0331e0 rgb(3,49,224)
```
#0335f4
```
#0335f4 rgb(3,53,244)
```

Shade Color Variation

#0e3ffc
```
#0e3ffc rgb(14,63,252)
```
#214ffc
```
#214ffc rgb(33,79,252)
```
#355efd
```
#355efd rgb(53,94,253)
```
#486efd
```
#486efd rgb(72,110,253)
```
#5c7dfd
```
#5c7dfd rgb(92,125,253)
```
#6f8cfd
```
#6f8cfd rgb(111,140,253)
```
#829cfd
```
#829cfd rgb(130,156,253)
```
#96abfe
```
#96abfe rgb(150,171,254)
```
#a9bbfe
```
#a9bbfe rgb(169,187,254)
```
#bccafe
```
#bccafe rgb(188,202,254)
```
#d0d9fe
```
#d0d9fe rgb(208,217,254)
```
#e3e9ff
```
#e3e9ff rgb(227,233,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#505158
```
#505158 rgb(80,81,88)
```
#494e5f
```
#494e5f rgb(73,78,95)
```
#434a65
```
#434a65 rgb(67,74,101)
```
#3c466c
```
#3c466c rgb(60,70,108)
```
#364272
```
#364272 rgb(54,66,114)
```
#2f3e79
```
#2f3e79 rgb(47,62,121)
```
#293b7f
```
#293b7f rgb(41,59,127)
```
#223786
```
#223786 rgb(34,55,134)
```
#1c338c
```
#1c338c rgb(28,51,140)
```
#152f93
```
#152f93 rgb(21,47,147)
```
#0f2c99
```
#0f2c99 rgb(15,44,153)
```
#0828a0
```
#0828a0 rgb(8,40,160)
```
#0224a6
```
#0224a6 rgb(2,36,166)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#212842 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00494c Tritanopia 0.001% of the population

Trichromacy

#00368c Protanomaly 1% of men, 0.01% of women
#003881 Deuteranomaly 6% of men, 0.4% of women
#003b6d Tritanomaly 0.01% of the population

#0224a6 hex color

#0224a6 Color Information

#0224a6 Color Conversion

Color Schemes with #0224a6

Alternatives to #0224a6

#0224a6 Preview

Shades and Tints of #0224a6

Tones of #0224a6

Color Blindness Simulator