#0228c5 hex color

In a RGB color space, hex #0228c5 is composed of 0.8% red, 15.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 79.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 228.3 degrees, a saturation of 98% and a lightness of 39%. #0228c5 color hex could be obtained by blending #0450ff with #00008b. Closest websafe color is: #0033cc.

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

● #0228c5 color description : Strong blue.

The hexadecimal color #0228c5 has RGB values of R:2, G:40, B:197 and CMYK values of C:0.99, M:0.8, Y:0, K:0.23. Its decimal value is 141509.

Hex triplet	0228c5	`#0228c5`
RGB Decimal	2, 40, 197	`rgb(2,40,197)`
RGB Percent	0.8, 15.7, 77.3	`rgb(0.8%,15.7%,77.3%)`
CMYK	99, 80, 0, 23
HSL	228.3°, 98, 39	`hsl(228.3,98%,39%)`
HSV (or HSB)	228.3°, 99, 77.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	28.276, 51.777, -81.305
XYZ	10.86, 5.561, 53.321
xyY	0.156, 0.08, 5.561
CIE-LCH	28.276, 96.392, 302.49
CIE-LUV	28.276, -9.917, -99.794
Hunter-Lab	23.581, 40.936, -117.557
Binary	00000010, 00101000, 11000101

#0228c5
```
#0228c5 rgb(2,40,197)
```
#c59f02
```
#c59f02 rgb(197,159,2)
```

Complementary Color

#028ac5
```
#028ac5 rgb(2,138,197)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```
#3d02c5
```
#3d02c5 rgb(61,2,197)
```

Analogous Color

#8ac502
```
#8ac502 rgb(138,197,2)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```
#c53d02
```
#c53d02 rgb(197,61,2)
```

Split Complementary Color

#28c502
```
#28c502 rgb(40,197,2)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```
#c50228
```
#c50228 rgb(197,2,40)
```

Triadic Color

#02c59f
```
#02c59f rgb(2,197,159)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```
#c50228
```
#c50228 rgb(197,2,40)
```
#c59f02
```
#c59f02 rgb(197,159,2)
```

Tetradic Color

#011979
```
#011979 rgb(1,25,121)
```
#011e93
```
#011e93 rgb(1,30,147)
```
#0223ac
```
#0223ac rgb(2,35,172)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```
#022dde
```
#022dde rgb(2,45,222)
```
#0332f7
```
#0332f7 rgb(3,50,247)
```
#1744fd
```
#1744fd rgb(23,68,253)
```

Monochromatic Color

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

#0259c5
```
#0259c5 rgb(2,89,197)
```
#0249c5
```
#0249c5 rgb(2,73,197)
```
#0238c5
```
#0238c5 rgb(2,56,197)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```
#0218c5
```
#0218c5 rgb(2,24,197)
```
#0208c5
```
#0208c5 rgb(2,8,197)
```
#0d02c5
```
#0d02c5 rgb(13,2,197)
```

Similar Colors

Text with hexadecimal color #0228c5

This text has a font color of #0228c5.

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

#0228c5 background color

This paragraph has a background color of #0228c5.

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

#0228c5 border color

This element has a border color of #0228c5.

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

CSS codes

.text {color:#0228c5;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000516
```
#000516 rgb(0,5,22)
```
#00082a
```
#00082a rgb(0,8,42)
```
#010c3d
```
#010c3d rgb(1,12,61)
```
#011050
```
#011050 rgb(1,16,80)
```
#011464
```
#011464 rgb(1,20,100)
```
#011877
```
#011877 rgb(1,24,119)
```
#011c8b
```
#011c8b rgb(1,28,139)
```
#02209e
```
#02209e rgb(2,32,158)
```
#0224b2
```
#0224b2 rgb(2,36,178)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```
#022cd8
```
#022cd8 rgb(2,44,216)
```
#0230ec
```
#0230ec rgb(2,48,236)
```

Shade Color Variation

#0536fc
```
#0536fc rgb(5,54,252)
```
#1945fd
```
#1945fd rgb(25,69,253)
```
#2c55fd
```
#2c55fd rgb(44,85,253)
```
#4065fd
```
#4065fd rgb(64,101,253)
```
#5374fd
```
#5374fd rgb(83,116,253)
```
#6684fd
```
#6684fd rgb(102,132,253)
```
#7a94fe
```
#7a94fe rgb(122,148,254)
```
#8da3fe
```
#8da3fe rgb(141,163,254)
```
#a1b3fe
```
#a1b3fe rgb(161,179,254)
```
#b4c3fe
```
#b4c3fe rgb(180,195,254)
```
#c8d2fe
```
#c8d2fe rgb(200,210,254)
```
#dbe2ff
```
#dbe2ff rgb(219,226,255)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Tint Color Variation

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

#5e6069
```
#5e6069 rgb(94,96,105)
```
#565b71
```
#565b71 rgb(86,91,113)
```
#4f5778
```
#4f5778 rgb(79,87,120)
```
#475280
```
#475280 rgb(71,82,128)
```
#3f4d88
```
#3f4d88 rgb(63,77,136)
```
#38498f
```
#38498f rgb(56,73,143)
```
#304497
```
#304497 rgb(48,68,151)
```
#283f9f
```
#283f9f rgb(40,63,159)
```
#213ba6
```
#213ba6 rgb(33,59,166)
```
#1936ae
```
#1936ae rgb(25,54,174)
```
#1131b6
```
#1131b6 rgb(17,49,182)
```
#0a2dbd
```
#0a2dbd rgb(10,45,189)
```
#0228c5
```
#0228c5 rgb(2,40,197)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#262e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#003da3 Protanomaly 1% of men, 0.01% of women
#004096 Deuteranomaly 6% of men, 0.4% of women
#00447f Tritanomaly 0.01% of the population

#0228c5 hex color

#0228c5 Color Information

#0228c5 Color Conversion

Color Schemes with #0228c5

Alternatives to #0228c5

#0228c5 Preview

Shades and Tints of #0228c5

Tones of #0228c5

Color Blindness Simulator