#0229b4 hex color

In a RGB color space, hex #0229b4 is composed of 0.8% red, 16.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 77.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 226.9 degrees, a saturation of 97.8% and a lightness of 35.7%. #0229b4 color hex could be obtained by blending #0452ff with #000069. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 16
- B 71
RGB color chart
- C 99
- M 77
- Y 0
- K 29
CMYK color chart

● #0229b4 color description : Strong blue.

The hexadecimal color #0229b4 has RGB values of R:2, G:41, B:180 and CMYK values of C:0.99, M:0.77, Y:0, K:0.29. Its decimal value is 141748.

Hex triplet	0229b4	`#0229b4`
RGB Decimal	2, 41, 180	`rgb(2,41,180)`
RGB Percent	0.8, 16.1, 70.6	`rgb(0.8%,16.1%,70.6%)`
CMYK	99, 77, 0, 29
HSL	226.9°, 97.8, 35.7	`hsl(226.9,97.8%,35.7%)`
HSV (or HSB)	226.9°, 98.9, 70.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.429, 45.474, -74.312
XYZ	9.055, 4.893, 43.645
xyY	0.157, 0.085, 4.893
CIE-LCH	26.429, 87.121, 301.464
CIE-LUV	26.429, -9.658, -90
Hunter-Lab	22.121, 34.352, -101.495
Binary	00000010, 00101001, 10110100

#0229b4
```
#0229b4 rgb(2,41,180)
```
#b48d02
```
#b48d02 rgb(180,141,2)
```

Complementary Color

#0282b4
```
#0282b4 rgb(2,130,180)
```
#0229b4
```
#0229b4 rgb(2,41,180)
```
#3402b4
```
#3402b4 rgb(52,2,180)
```

Analogous Color

#82b402
```
#82b402 rgb(130,180,2)
```
#0229b4
```
#0229b4 rgb(2,41,180)
```
#b43402
```
#b43402 rgb(180,52,2)
```

Split Complementary Color

#29b402
```
#29b402 rgb(41,180,2)
```
#0229b4
```
#0229b4 rgb(2,41,180)
```
#b40229
```
#b40229 rgb(180,2,41)
```

Triadic Color

#02b48d
```
#02b48d rgb(2,180,141)
```
#0229b4
```
#0229b4 rgb(2,41,180)
```
#b40229
```
#b40229 rgb(180,2,41)
```
#b48d02
```
#b48d02 rgb(180,141,2)
```

Tetradic Color

#011868
```
#011868 rgb(1,24,104)
```
#011e82
```
#011e82 rgb(1,30,130)
```
#02239b
```
#02239b rgb(2,35,155)
```
#0229b4
```
#0229b4 rgb(2,41,180)
```
#022fcd
```
#022fcd rgb(2,47,205)
```
#0334e6
```
#0334e6 rgb(3,52,230)
```
#063cfc
```
#063cfc rgb(6,60,252)
```

Monochromatic Color

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

#0256b4
```
#0256b4 rgb(2,86,180)
```
#0247b4
```
#0247b4 rgb(2,71,180)
```
#0238b4
```
#0238b4 rgb(2,56,180)
```
#0229b4
```
#0229b4 rgb(2,41,180)
```
#021ab4
```
#021ab4 rgb(2,26,180)
```
#020bb4
```
#020bb4 rgb(2,11,180)
```
#0702b4
```
#0702b4 rgb(7,2,180)
```

Similar Colors

Text with hexadecimal color #0229b4

This text has a font color of #0229b4.

<span style="color:#0229b4;">Text here</span>

#0229b4 background color

This paragraph has a background color of #0229b4.

<p style="background-color:#0229b4;">Content here</p>

#0229b4 border color

This element has a border color of #0229b4.

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

CSS codes

.text {color:#0229b4;}

.background {background-color:#0229b4;}

.border {border:1px solid #0229b4;}

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

#000105
```
#000105 rgb(0,1,5)
```
#000619
```
#000619 rgb(0,6,25)
```
#000a2c
```
#000a2c rgb(0,10,44)
```
#010e40
```
#010e40 rgb(1,14,64)
```
#011353
```
#011353 rgb(1,19,83)
```
#011766
```
#011766 rgb(1,23,102)
```
#011c7a
```
#011c7a rgb(1,28,122)
```
#02208d
```
#02208d rgb(2,32,141)
```
#0225a1
```
#0225a1 rgb(2,37,161)
```
#0229b4
```
#0229b4 rgb(2,41,180)
```
#022dc7
```
#022dc7 rgb(2,45,199)
```
#0232db
```
#0232db rgb(2,50,219)
```
#0336ee
```
#0336ee rgb(3,54,238)
```

Shade Color Variation

#083efc
```
#083efc rgb(8,62,252)
```
#1c4dfc
```
#1c4dfc rgb(28,77,252)
```
#2f5cfd
```
#2f5cfd rgb(47,92,253)
```
#426bfd
```
#426bfd rgb(66,107,253)
```
#567afd
```
#567afd rgb(86,122,253)
```
#698afd
```
#698afd rgb(105,138,253)
```
#7d99fe
```
#7d99fe rgb(125,153,254)
```
#90a8fe
```
#90a8fe rgb(144,168,254)
```
#a3b7fe
```
#a3b7fe rgb(163,183,254)
```
#b7c6fe
```
#b7c6fe rgb(183,198,254)
```
#cad6fe
```
#cad6fe rgb(202,214,254)
```
#dee5ff
```
#dee5ff rgb(222,229,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#565860
```
#565860 rgb(86,88,96)
```
#4f5467
```
#4f5467 rgb(79,84,103)
```
#48506e
```
#48506e rgb(72,80,110)
```
#414c75
```
#414c75 rgb(65,76,117)
```
#3a487c
```
#3a487c rgb(58,72,124)
```
#334583
```
#334583 rgb(51,69,131)
```
#2c418a
```
#2c418a rgb(44,65,138)
```
#253d91
```
#253d91 rgb(37,61,145)
```
#1e3998
```
#1e3998 rgb(30,57,152)
```
#17359f
```
#17359f rgb(23,53,159)
```
#1031a6
```
#1031a6 rgb(16,49,166)
```
#092dad
```
#092dad rgb(9,45,173)
```
#0229b4
```
#0229b4 rgb(2,41,180)
```

Tone Color Variation

Below, you can see how #0229b4 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
#242c48 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

#003b98 Protanomaly 1% of men, 0.01% of women
#003e8c Deuteranomaly 6% of men, 0.4% of women
#004176 Tritanomaly 0.01% of the population

#0229b4 hex color

#0229b4 Color Information

#0229b4 Color Conversion

Color Schemes with #0229b4

Alternatives to #0229b4

#0229b4 Preview

Shades and Tints of #0229b4

Tones of #0229b4

Color Blindness Simulator