#0228c2 hex color

In a RGB color space, hex #0228c2 is composed of 0.8% red, 15.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 79.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 228.1 degrees, a saturation of 98% and a lightness of 38.4%. #0228c2 color hex could be obtained by blending #0450ff with #000085. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 16
- B 76
RGB color chart
- C 99
- M 79
- Y 0
- K 24
CMYK color chart

● #0228c2 color description : Strong blue.

The hexadecimal color #0228c2 has RGB values of R:2, G:40, B:194 and CMYK values of C:0.99, M:0.79, Y:0, K:0.24. Its decimal value is 141506.

Hex triplet	0228c2	`#0228c2`
RGB Decimal	2, 40, 194	`rgb(2,40,194)`
RGB Percent	0.8, 15.7, 76.1	`rgb(0.8%,15.7%,76.1%)`
CMYK	99, 79, 0, 24
HSL	228.1°, 98, 38.4	`hsl(228.1,98%,38.4%)`
HSV (or HSB)	228.1°, 99, 76.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.912, 50.785, -80.147
XYZ	10.519, 5.425, 51.529
xyY	0.156, 0.08, 5.425
CIE-LCH	27.912, 94.882, 302.361
CIE-LUV	27.912, -9.841, -98.064
Hunter-Lab	23.291, 39.861, -114.869
Binary	00000010, 00101000, 11000010

#0228c2
```
#0228c2 rgb(2,40,194)
```
#c29c02
```
#c29c02 rgb(194,156,2)
```

Complementary Color

#0288c2
```
#0288c2 rgb(2,136,194)
```
#0228c2
```
#0228c2 rgb(2,40,194)
```
#3c02c2
```
#3c02c2 rgb(60,2,194)
```

Analogous Color

#88c202
```
#88c202 rgb(136,194,2)
```
#0228c2
```
#0228c2 rgb(2,40,194)
```
#c23c02
```
#c23c02 rgb(194,60,2)
```

Split Complementary Color

#28c202
```
#28c202 rgb(40,194,2)
```
#0228c2
```
#0228c2 rgb(2,40,194)
```
#c20228
```
#c20228 rgb(194,2,40)
```

Triadic Color

#02c29c
```
#02c29c rgb(2,194,156)
```
#0228c2
```
#0228c2 rgb(2,40,194)
```
#c20228
```
#c20228 rgb(194,2,40)
```
#c29c02
```
#c29c02 rgb(194,156,2)
```

Tetradic Color

#011876
```
#011876 rgb(1,24,118)
```
#011e90
```
#011e90 rgb(1,30,144)
```
#0223a9
```
#0223a9 rgb(2,35,169)
```
#0228c2
```
#0228c2 rgb(2,40,194)
```
#022ddb
```
#022ddb rgb(2,45,219)
```
#0332f4
```
#0332f4 rgb(3,50,244)
```
#1442fd
```
#1442fd rgb(20,66,253)
```

Monochromatic Color

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

#0258c2
```
#0258c2 rgb(2,88,194)
```
#0248c2
```
#0248c2 rgb(2,72,194)
```
#0238c2
```
#0238c2 rgb(2,56,194)
```
#0228c2
```
#0228c2 rgb(2,40,194)
```
#0218c2
```
#0218c2 rgb(2,24,194)
```
#0208c2
```
#0208c2 rgb(2,8,194)
```
#0c02c2
```
#0c02c2 rgb(12,2,194)
```

Similar Colors

Text with hexadecimal color #0228c2

This text has a font color of #0228c2.

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

#0228c2 background color

This paragraph has a background color of #0228c2.

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

#0228c2 border color

This element has a border color of #0228c2.

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

CSS codes

.text {color:#0228c2;}

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

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

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

#000413
```
#000413 rgb(0,4,19)
```
#000827
```
#000827 rgb(0,8,39)
```
#010c3a
```
#010c3a rgb(1,12,58)
```
#01104e
```
#01104e rgb(1,16,78)
```
#011461
```
#011461 rgb(1,20,97)
```
#011874
```
#011874 rgb(1,24,116)
```
#011c88
```
#011c88 rgb(1,28,136)
```
#02209b
```
#02209b rgb(2,32,155)
```
#0224af
```
#0224af rgb(2,36,175)
```
#0228c2
```
#0228c2 rgb(2,40,194)
```
#022cd5
```
#022cd5 rgb(2,44,213)
```
#0230e9
```
#0230e9 rgb(2,48,233)
```
#0334fc
```
#0334fc rgb(3,52,252)
```

Shade Color Variation

#1644fd
```
#1644fd rgb(22,68,253)
```
#2953fd
```
#2953fd rgb(41,83,253)
```
#3d63fd
```
#3d63fd rgb(61,99,253)
```
#5072fd
```
#5072fd rgb(80,114,253)
```
#6482fd
```
#6482fd rgb(100,130,253)
```
#7792fe
```
#7792fe rgb(119,146,254)
```
#8aa1fe
```
#8aa1fe rgb(138,161,254)
```
#9eb1fe
```
#9eb1fe rgb(158,177,254)
```
#b1c0fe
```
#b1c0fe rgb(177,192,254)
```
#c5d0fe
```
#c5d0fe rgb(197,208,254)
```
#d8e0ff
```
#d8e0ff rgb(216,224,255)
```
#ebefff
```
#ebefff rgb(235,239,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c5f68
```
#5c5f68 rgb(92,95,104)
```
#555a6f
```
#555a6f rgb(85,90,111)
```
#4d5677
```
#4d5677 rgb(77,86,119)
```
#46517e
```
#46517e rgb(70,81,126)
```
#3e4c86
```
#3e4c86 rgb(62,76,134)
```
#37488d
```
#37488d rgb(55,72,141)
```
#2f4395
```
#2f4395 rgb(47,67,149)
```
#283f9c
```
#283f9c rgb(40,63,156)
```
#203aa4
```
#203aa4 rgb(32,58,164)
```
#1936ab
```
#1936ab rgb(25,54,171)
```
#1131b3
```
#1131b3 rgb(17,49,179)
```
#0a2dba
```
#0a2dba rgb(10,45,186)
```
#0228c2
```
#0228c2 rgb(2,40,194)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#252d4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005356 Tritanopia 0.001% of the population

Trichromacy

#003da1 Protanomaly 1% of men, 0.01% of women
#004095 Deuteranomaly 6% of men, 0.4% of women
#00437d Tritanomaly 0.01% of the population

#0228c2 hex color

#0228c2 Color Information

#0228c2 Color Conversion

Color Schemes with #0228c2

Alternatives to #0228c2

#0228c2 Preview

Shades and Tints of #0228c2

Tones of #0228c2

Color Blindness Simulator