#0228bc hex color

In a RGB color space, hex #0228bc is composed of 0.8% red, 15.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 78.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 227.7 degrees, a saturation of 97.9% and a lightness of 37.3%. #0228bc color hex could be obtained by blending #0450ff with #000079. Closest websafe color is: #0033cc.

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

● #0228bc color description : Strong blue.

The hexadecimal color #0228bc has RGB values of R:2, G:40, B:188 and CMYK values of C:0.99, M:0.79, Y:0, K:0.26. Its decimal value is 141500.

Hex triplet	0228bc	`#0228bc`
RGB Decimal	2, 40, 188	`rgb(2,40,188)`
RGB Percent	0.8, 15.7, 73.7	`rgb(0.8%,15.7%,73.7%)`
CMYK	99, 79, 0, 26
HSL	227.7°, 97.9, 37.3	`hsl(227.7,97.9%,37.3%)`
HSV (or HSB)	227.7°, 98.9, 73.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.187, 48.777, -77.808
XYZ	9.859, 5.161, 48.051
xyY	0.156, 0.082, 5.161
CIE-LCH	27.187, 91.832, 302.083
CIE-LUV	27.187, -9.694, -94.594
Hunter-Lab	22.717, 37.715, -109.509
Binary	00000010, 00101000, 10111100

#0228bc
```
#0228bc rgb(2,40,188)
```
#bc9602
```
#bc9602 rgb(188,150,2)
```

Complementary Color

#0285bc
```
#0285bc rgb(2,133,188)
```
#0228bc
```
#0228bc rgb(2,40,188)
```
#3902bc
```
#3902bc rgb(57,2,188)
```

Analogous Color

#85bc02
```
#85bc02 rgb(133,188,2)
```
#0228bc
```
#0228bc rgb(2,40,188)
```
#bc3902
```
#bc3902 rgb(188,57,2)
```

Split Complementary Color

#28bc02
```
#28bc02 rgb(40,188,2)
```
#0228bc
```
#0228bc rgb(2,40,188)
```
#bc0228
```
#bc0228 rgb(188,2,40)
```

Triadic Color

#02bc96
```
#02bc96 rgb(2,188,150)
```
#0228bc
```
#0228bc rgb(2,40,188)
```
#bc0228
```
#bc0228 rgb(188,2,40)
```
#bc9602
```
#bc9602 rgb(188,150,2)
```

Tetradic Color

#011870
```
#011870 rgb(1,24,112)
```
#011d8a
```
#011d8a rgb(1,29,138)
```
#0223a3
```
#0223a3 rgb(2,35,163)
```
#0228bc
```
#0228bc rgb(2,40,188)
```
#022dd5
```
#022dd5 rgb(2,45,213)
```
#0333ee
```
#0333ee rgb(3,51,238)
```
#0e3ffc
```
#0e3ffc rgb(14,63,252)
```

Monochromatic Color

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

#0257bc
```
#0257bc rgb(2,87,188)
```
#0247bc
```
#0247bc rgb(2,71,188)
```
#0238bc
```
#0238bc rgb(2,56,188)
```
#0228bc
```
#0228bc rgb(2,40,188)
```
#0219bc
```
#0219bc rgb(2,25,188)
```
#0209bc
```
#0209bc rgb(2,9,188)
```
#0b02bc
```
#0b02bc rgb(11,2,188)
```

Similar Colors

Text with hexadecimal color #0228bc

This text has a font color of #0228bc.

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

#0228bc background color

This paragraph has a background color of #0228bc.

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

#0228bc border color

This element has a border color of #0228bc.

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

CSS codes

.text {color:#0228bc;}

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

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

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, #00030d is the darkest color, while #f9faff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#000721
```
#000721 rgb(0,7,33)
```
#010b34
```
#010b34 rgb(1,11,52)
```
#010f48
```
#010f48 rgb(1,15,72)
```
#01135b
```
#01135b rgb(1,19,91)
```
#01176e
```
#01176e rgb(1,23,110)
```
#011c82
```
#011c82 rgb(1,28,130)
```
#022095
```
#022095 rgb(2,32,149)
```
#0224a9
```
#0224a9 rgb(2,36,169)
```
#0228bc
```
#0228bc rgb(2,40,188)
```
#022ccf
```
#022ccf rgb(2,44,207)
```
#0230e3
```
#0230e3 rgb(2,48,227)
```
#0334f6
```
#0334f6 rgb(3,52,246)
```

Shade Color Variation

#1040fc
```
#1040fc rgb(16,64,252)
```
#2350fd
```
#2350fd rgb(35,80,253)
```
#375ffd
```
#375ffd rgb(55,95,253)
```
#4a6ffd
```
#4a6ffd rgb(74,111,253)
```
#5e7efd
```
#5e7efd rgb(94,126,253)
```
#718efd
```
#718efd rgb(113,142,253)
```
#849dfe
```
#849dfe rgb(132,157,254)
```
#98adfe
```
#98adfe rgb(152,173,254)
```
#abbcfe
```
#abbcfe rgb(171,188,254)
```
#bfccfe
```
#bfccfe rgb(191,204,254)
```
#d2dbff
```
#d2dbff rgb(210,219,255)
```
#e6ebff
```
#e6ebff rgb(230,235,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#5a5c64
```
#5a5c64 rgb(90,92,100)
```
#52586c
```
#52586c rgb(82,88,108)
```
#4b5373
```
#4b5373 rgb(75,83,115)
```
#444f7a
```
#444f7a rgb(68,79,122)
```
#3c4b82
```
#3c4b82 rgb(60,75,130)
```
#354689
```
#354689 rgb(53,70,137)
```
#2e4290
```
#2e4290 rgb(46,66,144)
```
#273e97
```
#273e97 rgb(39,62,151)
```
#1f399f
```
#1f399f rgb(31,57,159)
```
#1835a6
```
#1835a6 rgb(24,53,166)
```
#1131ad
```
#1131ad rgb(17,49,173)
```
#092cb5
```
#092cb5 rgb(9,44,181)
```
#0228bc
```
#0228bc rgb(2,40,188)
```

Tone Color Variation

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

Dichromacy

#00488b Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#003c9d Protanomaly 1% of men, 0.01% of women
#003f91 Deuteranomaly 6% of men, 0.4% of women
#00427a Tritanomaly 0.01% of the population

#0228bc hex color

#0228bc Color Information

#0228bc Color Conversion

Color Schemes with #0228bc

Alternatives to #0228bc

#0228bc Preview

Shades and Tints of #0228bc

Tones of #0228bc

Color Blindness Simulator