#226c96 hex color

In a RGB color space, hex #226c96 is composed of 13.3% red, 42.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 28% magenta, 0% yellow and 41.2% black. It has a hue angle of 201.7 degrees, a saturation of 63% and a lightness of 36.1%. #226c96 color hex could be obtained by blending #44d8ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 59
RGB color chart
- C 77
- M 28
- Y 0
- K 41
CMYK color chart

● #226c96 color description : Dark blue.

The hexadecimal color #226c96 has RGB values of R:34, G:108, B:150 and CMYK values of C:0.77, M:0.28, Y:0, K:0.41. Its decimal value is 2256022.

Hex triplet	226c96	`#226c96`
RGB Decimal	34, 108, 150	`rgb(34,108,150)`
RGB Percent	13.3, 42.4, 58.8	`rgb(13.3%,42.4%,58.8%)`
CMYK	77, 28, 0, 41
HSL	201.7°, 63, 36.1	`hsl(201.7,63%,36.1%)`
HSV (or HSB)	201.7°, 77.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	43.162, -7.522, -29.294
XYZ	11.526, 13.266, 30.806
xyY	0.207, 0.239, 13.266
CIE-LCH	43.162, 30.244, 255.598
CIE-LUV	43.162, -25.615, -41.638
Hunter-Lab	36.423, -7.254, -24.65
Binary	00100010, 01101100, 10010110

#226c96
```
#226c96 rgb(34,108,150)
```
#964c22
```
#964c22 rgb(150,76,34)
```

Complementary Color

#229686
```
#229686 rgb(34,150,134)
```
#226c96
```
#226c96 rgb(34,108,150)
```
#223296
```
#223296 rgb(34,50,150)
```

Analogous Color

#968622
```
#968622 rgb(150,134,34)
```
#226c96
```
#226c96 rgb(34,108,150)
```
#962232
```
#962232 rgb(150,34,50)
```

Split Complementary Color

#6c9622
```
#6c9622 rgb(108,150,34)
```
#226c96
```
#226c96 rgb(34,108,150)
```
#96226c
```
#96226c rgb(150,34,108)
```

Triadic Color

#22964c
```
#22964c rgb(34,150,76)
```
#226c96
```
#226c96 rgb(34,108,150)
```
#96226c
```
#96226c rgb(150,34,108)
```
#964c22
```
#964c22 rgb(150,76,34)
```

Tetradic Color

#143f58
```
#143f58 rgb(20,63,88)
```
#194e6c
```
#194e6c rgb(25,78,108)
```
#1d5d81
```
#1d5d81 rgb(29,93,129)
```
#226c96
```
#226c96 rgb(34,108,150)
```
#277bab
```
#277bab rgb(39,123,171)
```
#2b8ac0
```
#2b8ac0 rgb(43,138,192)
```
#3498d1
```
#3498d1 rgb(52,152,209)
```

Monochromatic Color

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

#228996
```
#228996 rgb(34,137,150)
```
#227f96
```
#227f96 rgb(34,127,150)
```
#227696
```
#227696 rgb(34,118,150)
```
#226c96
```
#226c96 rgb(34,108,150)
```
#226296
```
#226296 rgb(34,98,150)
```
#225996
```
#225996 rgb(34,89,150)
```
#224f96
```
#224f96 rgb(34,79,150)
```

Similar Colors

Text with hexadecimal color #226c96

This text has a font color of #226c96.

<span style="color:#226c96;">Text here</span>

#226c96 background color

This paragraph has a background color of #226c96.

<p style="background-color:#226c96;">Content here</p>

#226c96 border color

This element has a border color of #226c96.

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

CSS codes

.text {color:#226c96;}

.background {background-color:#226c96;}

.border {border:1px solid #226c96;}

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

#010406
```
#010406 rgb(1,4,6)
```
#051016
```
#051016 rgb(5,16,22)
```
#091b26
```
#091b26 rgb(9,27,38)
```
#0c2736
```
#0c2736 rgb(12,39,54)
```
#103246
```
#103246 rgb(16,50,70)
```
#143e56
```
#143e56 rgb(20,62,86)
```
#174966
```
#174966 rgb(23,73,102)
```
#1b5576
```
#1b5576 rgb(27,85,118)
```
#1e6086
```
#1e6086 rgb(30,96,134)
```
#226c96
```
#226c96 rgb(34,108,150)
```
#2678a6
```
#2678a6 rgb(38,120,166)
```
#2983b6
```
#2983b6 rgb(41,131,182)
```
#2d8fc6
```
#2d8fc6 rgb(45,143,198)
```

Shade Color Variation

#3599d1
```
#3599d1 rgb(53,153,209)
```
#45a1d5
```
#45a1d5 rgb(69,161,213)
```
#55a9d9
```
#55a9d9 rgb(85,169,217)
```
#65b1dc
```
#65b1dc rgb(101,177,220)
```
#75b9e0
```
#75b9e0 rgb(117,185,224)
```
#85c1e3
```
#85c1e3 rgb(133,193,227)
```
#95c9e7
```
#95c9e7 rgb(149,201,231)
```
#a5d1eb
```
#a5d1eb rgb(165,209,235)
```
#b5daee
```
#b5daee rgb(181,218,238)
```
#c5e2f2
```
#c5e2f2 rgb(197,226,242)
```
#d5eaf6
```
#d5eaf6 rgb(213,234,246)
```
#e5f2f9
```
#e5f2f9 rgb(229,242,249)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545e64
```
#545e64 rgb(84,94,100)
```
#4c606c
```
#4c606c rgb(76,96,108)
```
#456273
```
#456273 rgb(69,98,115)
```
#3e647a
```
#3e647a rgb(62,100,122)
```
#376681
```
#376681 rgb(55,102,129)
```
#306888
```
#306888 rgb(48,104,136)
```
#296a8f
```
#296a8f rgb(41,106,143)
```
#226c96
```
#226c96 rgb(34,108,150)
```
#1b6e9d
```
#1b6e9d rgb(27,110,157)
```
#1470a4
```
#1470a4 rgb(20,112,164)
```
#0d72ab
```
#0d72ab rgb(13,114,171)
```
#0674b2
```
#0674b2 rgb(6,116,178)
```

Tone Color Variation

Below, you can see how #226c96 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

#5b5b5b Achromatopsia 0.005% of the population
#505e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6c96 Protanopia 1% of men
#566d9e Deuteranopia 1% of men
#007881 Tritanopia 0.001% of the population

Trichromacy

#496c96 Protanomaly 1% of men, 0.01% of women
#436c9b Deuteranomaly 6% of men, 0.4% of women
#0c7488 Tritanomaly 0.01% of the population

#226c96 hex color

#226c96 Color Information

#226c96 Color Conversion

Color Schemes with #226c96

Alternatives to #226c96

#226c96 Preview

Shades and Tints of #226c96

Tones of #226c96

Color Blindness Simulator