#0228b8 hex color

In a RGB color space, hex #0228b8 is composed of 0.8% red, 15.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 78.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 227.5 degrees, a saturation of 97.8% and a lightness of 36.5%. #0228b8 color hex could be obtained by blending #0450ff with #000071. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 16
- B 72
RGB color chart
- C 99
- M 78
- Y 0
- K 28
CMYK color chart

● #0228b8 color description : Strong blue.

The hexadecimal color #0228b8 has RGB values of R:2, G:40, B:184 and CMYK values of C:0.99, M:0.78, Y:0, K:0.28. Its decimal value is 141496.

Hex triplet	0228b8	`#0228b8`
RGB Decimal	2, 40, 184	`rgb(2,40,184)`
RGB Percent	0.8, 15.7, 72.2	`rgb(0.8%,15.7%,72.2%)`
CMYK	99, 78, 0, 28
HSL	227.5°, 97.8, 36.5	`hsl(227.5,97.8%,36.5%)`
HSV (or HSB)	227.5°, 98.9, 72.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.707, 47.417, -76.231
XYZ	9.434, 4.99, 45.811
xyY	0.157, 0.083, 4.99
CIE-LCH	26.707, 89.775, 301.882
CIE-LUV	26.707, -9.6, -92.274
Hunter-Lab	22.339, 36.286, -105.948
Binary	00000010, 00101000, 10111000

#0228b8
```
#0228b8 rgb(2,40,184)
```
#b89202
```
#b89202 rgb(184,146,2)
```

Complementary Color

#0283b8
```
#0283b8 rgb(2,131,184)
```
#0228b8
```
#0228b8 rgb(2,40,184)
```
#3702b8
```
#3702b8 rgb(55,2,184)
```

Analogous Color

#83b802
```
#83b802 rgb(131,184,2)
```
#0228b8
```
#0228b8 rgb(2,40,184)
```
#b83702
```
#b83702 rgb(184,55,2)
```

Split Complementary Color

#28b802
```
#28b802 rgb(40,184,2)
```
#0228b8
```
#0228b8 rgb(2,40,184)
```
#b80228
```
#b80228 rgb(184,2,40)
```

Triadic Color

#02b892
```
#02b892 rgb(2,184,146)
```
#0228b8
```
#0228b8 rgb(2,40,184)
```
#b80228
```
#b80228 rgb(184,2,40)
```
#b89202
```
#b89202 rgb(184,146,2)
```

Tetradic Color

#01186c
```
#01186c rgb(1,24,108)
```
#011d86
```
#011d86 rgb(1,29,134)
```
#02239f
```
#02239f rgb(2,35,159)
```
#0228b8
```
#0228b8 rgb(2,40,184)
```
#022dd1
```
#022dd1 rgb(2,45,209)
```
#0333ea
```
#0333ea rgb(3,51,234)
```
#0a3dfc
```
#0a3dfc rgb(10,61,252)
```

Monochromatic Color

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

#0256b8
```
#0256b8 rgb(2,86,184)
```
#0246b8
```
#0246b8 rgb(2,70,184)
```
#0237b8
```
#0237b8 rgb(2,55,184)
```
#0228b8
```
#0228b8 rgb(2,40,184)
```
#0219b8
```
#0219b8 rgb(2,25,184)
```
#020ab8
```
#020ab8 rgb(2,10,184)
```
#0902b8
```
#0902b8 rgb(9,2,184)
```

Similar Colors

Text with hexadecimal color #0228b8

This text has a font color of #0228b8.

<span style="color:#0228b8;">Text here</span>

#0228b8 background color

This paragraph has a background color of #0228b8.

<p style="background-color:#0228b8;">Content here</p>

#0228b8 border color

This element has a border color of #0228b8.

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

CSS codes

.text {color:#0228b8;}

.background {background-color:#0228b8;}

.border {border:1px solid #0228b8;}

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

#000209
```
#000209 rgb(0,2,9)
```
#00061d
```
#00061d rgb(0,6,29)
```
#010a30
```
#010a30 rgb(1,10,48)
```
#010f44
```
#010f44 rgb(1,15,68)
```
#011357
```
#011357 rgb(1,19,87)
```
#01176a
```
#01176a rgb(1,23,106)
```
#011b7e
```
#011b7e rgb(1,27,126)
```
#022091
```
#022091 rgb(2,32,145)
```
#0224a5
```
#0224a5 rgb(2,36,165)
```
#0228b8
```
#0228b8 rgb(2,40,184)
```
#022ccb
```
#022ccb rgb(2,44,203)
```
#0230df
```
#0230df rgb(2,48,223)
```
#0335f2
```
#0335f2 rgb(3,53,242)
```

Shade Color Variation

#0c3efc
```
#0c3efc rgb(12,62,252)
```
#204efd
```
#204efd rgb(32,78,253)
```
#335dfd
```
#335dfd rgb(51,93,253)
```
#466cfd
```
#466cfd rgb(70,108,253)
```
#5a7cfd
```
#5a7cfd rgb(90,124,253)
```
#6d8bfd
```
#6d8bfd rgb(109,139,253)
```
#819bfe
```
#819bfe rgb(129,155,254)
```
#94aafe
```
#94aafe rgb(148,170,254)
```
#a7b9fe
```
#a7b9fe rgb(167,185,254)
```
#bbc9fe
```
#bbc9fe rgb(187,201,254)
```
#ced8fe
```
#ced8fe rgb(206,216,254)
```
#e2e8ff
```
#e2e8ff rgb(226,232,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a62 is the less saturated color, while #0228b8 is the most saturated one.

#585a62
```
#585a62 rgb(88,90,98)
```
#515669
```
#515669 rgb(81,86,105)
```
#4a5270
```
#4a5270 rgb(74,82,112)
```
#424d78
```
#424d78 rgb(66,77,120)
```
#3b497f
```
#3b497f rgb(59,73,127)
```
#344586
```
#344586 rgb(52,69,134)
```
#2d418d
```
#2d418d rgb(45,65,141)
```
#263d94
```
#263d94 rgb(38,61,148)
```
#1f399b
```
#1f399b rgb(31,57,155)
```
#1734a3
```
#1734a3 rgb(23,52,163)
```
#1030aa
```
#1030aa rgb(16,48,170)
```
#092cb1
```
#092cb1 rgb(9,44,177)
```
#0228b8
```
#0228b8 rgb(2,40,184)
```

Tone Color Variation

Below, you can see how #0228b8 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
#242c49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005053 Tritanopia 0.001% of the population

Trichromacy

#003b9a Protanomaly 1% of men, 0.01% of women
#003e8e Deuteranomaly 6% of men, 0.4% of women
#004178 Tritanomaly 0.01% of the population

#0228b8 hex color

#0228b8 Color Information

#0228b8 Color Conversion

Color Schemes with #0228b8

Alternatives to #0228b8

#0228b8 Preview

Shades and Tints of #0228b8

Tones of #0228b8

Color Blindness Simulator