#0228c1 hex color

In a RGB color space, hex #0228c1 is composed of 0.8% red, 15.7% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 79.3% magenta, 0% yellow and 24.3% black. It has a hue angle of 228.1 degrees, a saturation of 97.9% and a lightness of 38.2%. #0228c1 color hex could be obtained by blending #0450ff with #000083. 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

● #0228c1 color description : Strong blue.

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

Hex triplet	0228c1	`#0228c1`
RGB Decimal	2, 40, 193	`rgb(2,40,193)`
RGB Percent	0.8, 15.7, 75.7	`rgb(0.8%,15.7%,75.7%)`
CMYK	99, 79, 0, 24
HSL	228.1°, 97.9, 38.2	`hsl(228.1,97.9%,38.2%)`
HSV (or HSB)	228.1°, 99, 75.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.791, 50.453, -79.759
XYZ	10.408, 5.38, 50.939
xyY	0.156, 0.081, 5.38
CIE-LCH	27.791, 94.377, 302.316
CIE-LUV	27.791, -9.816, -97.486
Hunter-Lab	23.195, 39.503, -113.974
Binary	00000010, 00101000, 11000001

#0228c1
```
#0228c1 rgb(2,40,193)
```
#c19b02
```
#c19b02 rgb(193,155,2)
```

Complementary Color

#0288c1
```
#0288c1 rgb(2,136,193)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```
#3b02c1
```
#3b02c1 rgb(59,2,193)
```

Analogous Color

#88c102
```
#88c102 rgb(136,193,2)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```
#c13b02
```
#c13b02 rgb(193,59,2)
```

Split Complementary Color

#28c102
```
#28c102 rgb(40,193,2)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```
#c10228
```
#c10228 rgb(193,2,40)
```

Triadic Color

#02c19b
```
#02c19b rgb(2,193,155)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```
#c10228
```
#c10228 rgb(193,2,40)
```
#c19b02
```
#c19b02 rgb(193,155,2)
```

Tetradic Color

#011875
```
#011875 rgb(1,24,117)
```
#011e8f
```
#011e8f rgb(1,30,143)
```
#0223a8
```
#0223a8 rgb(2,35,168)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```
#022dda
```
#022dda rgb(2,45,218)
```
#0332f3
```
#0332f3 rgb(3,50,243)
```
#1341fd
```
#1341fd rgb(19,65,253)
```

Monochromatic Color

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

#0258c1
```
#0258c1 rgb(2,88,193)
```
#0248c1
```
#0248c1 rgb(2,72,193)
```
#0238c1
```
#0238c1 rgb(2,56,193)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```
#0218c1
```
#0218c1 rgb(2,24,193)
```
#0208c1
```
#0208c1 rgb(2,8,193)
```
#0c02c1
```
#0c02c1 rgb(12,2,193)
```

Similar Colors

Text with hexadecimal color #0228c1

This text has a font color of #0228c1.

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

#0228c1 background color

This paragraph has a background color of #0228c1.

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

#0228c1 border color

This element has a border color of #0228c1.

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

CSS codes

.text {color:#0228c1;}

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

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

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

#000412
```
#000412 rgb(0,4,18)
```
#000826
```
#000826 rgb(0,8,38)
```
#010c39
```
#010c39 rgb(1,12,57)
```
#01104d
```
#01104d rgb(1,16,77)
```
#011460
```
#011460 rgb(1,20,96)
```
#011873
```
#011873 rgb(1,24,115)
```
#011c87
```
#011c87 rgb(1,28,135)
```
#02209a
```
#02209a rgb(2,32,154)
```
#0224ae
```
#0224ae rgb(2,36,174)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```
#022cd4
```
#022cd4 rgb(2,44,212)
```
#0230e8
```
#0230e8 rgb(2,48,232)
```
#0334fb
```
#0334fb rgb(3,52,251)
```

Shade Color Variation

#1543fd
```
#1543fd rgb(21,67,253)
```
#2853fd
```
#2853fd rgb(40,83,253)
```
#3c62fd
```
#3c62fd rgb(60,98,253)
```
#4f72fd
```
#4f72fd rgb(79,114,253)
```
#6381fd
```
#6381fd rgb(99,129,253)
```
#7691fe
```
#7691fe rgb(118,145,254)
```
#89a1fe
```
#89a1fe rgb(137,161,254)
```
#9db0fe
```
#9db0fe rgb(157,176,254)
```
#b0c0fe
```
#b0c0fe rgb(176,192,254)
```
#c4cffe
```
#c4cffe rgb(196,207,254)
```
#d7dfff
```
#d7dfff rgb(215,223,255)
```
#eaeeff
```
#eaeeff rgb(234,238,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5c5e67
```
#5c5e67 rgb(92,94,103)
```
#555a6f
```
#555a6f rgb(85,90,111)
```
#4d5576
```
#4d5576 rgb(77,85,118)
```
#46517e
```
#46517e rgb(70,81,126)
```
#3e4c85
```
#3e4c85 rgb(62,76,133)
```
#37488d
```
#37488d rgb(55,72,141)
```
#2f4394
```
#2f4394 rgb(47,67,148)
```
#283f9c
```
#283f9c rgb(40,63,156)
```
#203aa3
```
#203aa3 rgb(32,58,163)
```
#1936ab
```
#1936ab rgb(25,54,171)
```
#1131b2
```
#1131b2 rgb(17,49,178)
```
#0a2dba
```
#0a2dba rgb(10,45,186)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```

Tone Color Variation

Below, you can see how #0228c1 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
#252d4b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#0228c1 hex color

#0228c1 Color Information

#0228c1 Color Conversion

Color Schemes with #0228c1

Alternatives to #0228c1

#0228c1 Preview

Shades and Tints of #0228c1

Tones of #0228c1

Color Blindness Simulator