#0228b6 hex color

In a RGB color space, hex #0228b6 is composed of 0.8% red, 15.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 78% magenta, 0% yellow and 28.6% black. It has a hue angle of 227.3 degrees, a saturation of 97.8% and a lightness of 36.1%. #0228b6 color hex could be obtained by blending #0450ff with #00006d. Closest websafe color is: #0033cc.

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

● #0228b6 color description : Strong blue.

The hexadecimal color #0228b6 has RGB values of R:2, G:40, B:182 and CMYK values of C:0.99, M:0.78, Y:0, K:0.29. Its decimal value is 141494.

Hex triplet	0228b6	`#0228b6`
RGB Decimal	2, 40, 182	`rgb(2,40,182)`
RGB Percent	0.8, 15.7, 71.4	`rgb(0.8%,15.7%,71.4%)`
CMYK	99, 78, 0, 29
HSL	227.3°, 97.8, 36.1	`hsl(227.3,97.8%,36.1%)`
HSV (or HSB)	227.3°, 98.9, 71.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.469, 46.731, -75.438
XYZ	9.226, 4.907, 44.714
xyY	0.157, 0.083, 4.907
CIE-LCH	26.469, 88.739, 301.777
CIE-LUV	26.469, -9.553, -91.112
Hunter-Lab	22.152, 35.573, -104.172
Binary	00000010, 00101000, 10110110

#0228b6
```
#0228b6 rgb(2,40,182)
```
#b69002
```
#b69002 rgb(182,144,2)
```

Complementary Color

#0282b6
```
#0282b6 rgb(2,130,182)
```
#0228b6
```
#0228b6 rgb(2,40,182)
```
#3602b6
```
#3602b6 rgb(54,2,182)
```

Analogous Color

#82b602
```
#82b602 rgb(130,182,2)
```
#0228b6
```
#0228b6 rgb(2,40,182)
```
#b63602
```
#b63602 rgb(182,54,2)
```

Split Complementary Color

#28b602
```
#28b602 rgb(40,182,2)
```
#0228b6
```
#0228b6 rgb(2,40,182)
```
#b60228
```
#b60228 rgb(182,2,40)
```

Triadic Color

#02b690
```
#02b690 rgb(2,182,144)
```
#0228b6
```
#0228b6 rgb(2,40,182)
```
#b60228
```
#b60228 rgb(182,2,40)
```
#b69002
```
#b69002 rgb(182,144,2)
```

Tetradic Color

#01176a
```
#01176a rgb(1,23,106)
```
#011d84
```
#011d84 rgb(1,29,132)
```
#02229d
```
#02229d rgb(2,34,157)
```
#0228b6
```
#0228b6 rgb(2,40,182)
```
#022ecf
```
#022ecf rgb(2,46,207)
```
#0333e8
```
#0333e8 rgb(3,51,232)
```
#083cfc
```
#083cfc rgb(8,60,252)
```

Monochromatic Color

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

#0255b6
```
#0255b6 rgb(2,85,182)
```
#0246b6
```
#0246b6 rgb(2,70,182)
```
#0237b6
```
#0237b6 rgb(2,55,182)
```
#0228b6
```
#0228b6 rgb(2,40,182)
```
#0219b6
```
#0219b6 rgb(2,25,182)
```
#020ab6
```
#020ab6 rgb(2,10,182)
```
#0902b6
```
#0902b6 rgb(9,2,182)
```

Similar Colors

Text with hexadecimal color #0228b6

This text has a font color of #0228b6.

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

#0228b6 background color

This paragraph has a background color of #0228b6.

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

#0228b6 border color

This element has a border color of #0228b6.

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

CSS codes

.text {color:#0228b6;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#00061b
```
#00061b rgb(0,6,27)
```
#010a2e
```
#010a2e rgb(1,10,46)
```
#010e42
```
#010e42 rgb(1,14,66)
```
#011355
```
#011355 rgb(1,19,85)
```
#011768
```
#011768 rgb(1,23,104)
```
#011b7c
```
#011b7c rgb(1,27,124)
```
#021f8f
```
#021f8f rgb(2,31,143)
```
#0224a3
```
#0224a3 rgb(2,36,163)
```
#0228b6
```
#0228b6 rgb(2,40,182)
```
#022cc9
```
#022cc9 rgb(2,44,201)
```
#0231dd
```
#0231dd rgb(2,49,221)
```
#0335f0
```
#0335f0 rgb(3,53,240)
```

Shade Color Variation

#0a3dfc
```
#0a3dfc rgb(10,61,252)
```
#1e4dfd
```
#1e4dfd rgb(30,77,253)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#446bfd
```
#446bfd rgb(68,107,253)
```
#587bfd
```
#587bfd rgb(88,123,253)
```
#6b8afd
```
#6b8afd rgb(107,138,253)
```
#7f99fe
```
#7f99fe rgb(127,153,254)
```
#92a9fe
```
#92a9fe rgb(146,169,254)
```
#a5b8fe
```
#a5b8fe rgb(165,184,254)
```
#b9c7fe
```
#b9c7fe rgb(185,199,254)
```
#ccd7fe
```
#ccd7fe rgb(204,215,254)
```
#e0e6ff
```
#e0e6ff rgb(224,230,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#575961
```
#575961 rgb(87,89,97)
```
#505568
```
#505568 rgb(80,85,104)
```
#49516f
```
#49516f rgb(73,81,111)
```
#424d76
```
#424d76 rgb(66,77,118)
```
#3b497d
```
#3b497d rgb(59,73,125)
```
#344584
```
#344584 rgb(52,69,132)
```
#2c418c
```
#2c418c rgb(44,65,140)
```
#253c93
```
#253c93 rgb(37,60,147)
```
#1e389a
```
#1e389a rgb(30,56,154)
```
#1734a1
```
#1734a1 rgb(23,52,161)
```
#1030a8
```
#1030a8 rgb(16,48,168)
```
#092caf
```
#092caf rgb(9,44,175)
```
#0228b6
```
#0228b6 rgb(2,40,182)
```

Tone Color Variation

Below, you can see how #0228b6 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

#004689 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#003b99 Protanomaly 1% of men, 0.01% of women
#003e8d Deuteranomaly 6% of men, 0.4% of women
#004177 Tritanomaly 0.01% of the population

#0228b6 hex color

#0228b6 Color Information

#0228b6 Color Conversion

Color Schemes with #0228b6

Alternatives to #0228b6

#0228b6 Preview

Shades and Tints of #0228b6

Tones of #0228b6

Color Blindness Simulator