#226f96 hex color

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

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

● #226f96 color description : Dark blue.

The hexadecimal color #226f96 has RGB values of R:34, G:111, B:150 and CMYK values of C:0.77, M:0.26, Y:0, K:0.41. Its decimal value is 2256790.

Hex triplet	226f96	`#226f96`
RGB Decimal	34, 111, 150	`rgb(34,111,150)`
RGB Percent	13.3, 43.5, 58.8	`rgb(13.3%,43.5%,58.8%)`
CMYK	77, 26, 0, 41
HSL	200.2°, 63, 36.1	`hsl(200.2,63%,36.1%)`
HSV (or HSB)	200.2°, 77.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	44.104, -9.299, -27.822
XYZ	11.848, 13.91, 30.913
xyY	0.209, 0.245, 13.91
CIE-LCH	44.104, 29.335, 251.518
CIE-LUV	44.104, -26.686, -39.372
Hunter-Lab	37.296, -8.564, -23.035
Binary	00100010, 01101111, 10010110

#226f96
```
#226f96 rgb(34,111,150)
```
#964922
```
#964922 rgb(150,73,34)
```

Complementary Color

#229683
```
#229683 rgb(34,150,131)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#223596
```
#223596 rgb(34,53,150)
```

Analogous Color

#968322
```
#968322 rgb(150,131,34)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#962235
```
#962235 rgb(150,34,53)
```

Split Complementary Color

#6f9622
```
#6f9622 rgb(111,150,34)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#96226f
```
#96226f rgb(150,34,111)
```

Triadic Color

#229649
```
#229649 rgb(34,150,73)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#96226f
```
#96226f rgb(150,34,111)
```
#964922
```
#964922 rgb(150,73,34)
```

Tetradic Color

#144158
```
#144158 rgb(20,65,88)
```
#19506c
```
#19506c rgb(25,80,108)
```
#1d6081
```
#1d6081 rgb(29,96,129)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#277eab
```
#277eab rgb(39,126,171)
```
#2b8ec0
```
#2b8ec0 rgb(43,142,192)
```
#349cd1
```
#349cd1 rgb(52,156,209)
```

Monochromatic Color

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

#228c96
```
#228c96 rgb(34,140,150)
```
#228296
```
#228296 rgb(34,130,150)
```
#227996
```
#227996 rgb(34,121,150)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#226596
```
#226596 rgb(34,101,150)
```
#225c96
```
#225c96 rgb(34,92,150)
```
#225296
```
#225296 rgb(34,82,150)
```

Similar Colors

Text with hexadecimal color #226f96

This text has a font color of #226f96.

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

#226f96 background color

This paragraph has a background color of #226f96.

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

#226f96 border color

This element has a border color of #226f96.

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

CSS codes

.text {color:#226f96;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051016
```
#051016 rgb(5,16,22)
```
#091c26
```
#091c26 rgb(9,28,38)
```
#0c2836
```
#0c2836 rgb(12,40,54)
```
#103446
```
#103446 rgb(16,52,70)
```
#144056
```
#144056 rgb(20,64,86)
```
#174c66
```
#174c66 rgb(23,76,102)
```
#1b5776
```
#1b5776 rgb(27,87,118)
```
#1e6386
```
#1e6386 rgb(30,99,134)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#267ba6
```
#267ba6 rgb(38,123,166)
```
#2987b6
```
#2987b6 rgb(41,135,182)
```
#2d92c6
```
#2d92c6 rgb(45,146,198)
```

Shade Color Variation

#359dd1
```
#359dd1 rgb(53,157,209)
```
#45a5d5
```
#45a5d5 rgb(69,165,213)
```
#55acd9
```
#55acd9 rgb(85,172,217)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#75bce0
```
#75bce0 rgb(117,188,224)
```
#85c4e3
```
#85c4e3 rgb(133,196,227)
```
#95cbe7
```
#95cbe7 rgb(149,203,231)
```
#a5d3eb
```
#a5d3eb rgb(165,211,235)
```
#b5dbee
```
#b5dbee rgb(181,219,238)
```
#c5e3f2
```
#c5e3f2 rgb(197,227,242)
```
#d5ebf6
```
#d5ebf6 rgb(213,235,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 #0678b2 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545f64
```
#545f64 rgb(84,95,100)
```
#4c616c
```
#4c616c rgb(76,97,108)
```
#456373
```
#456373 rgb(69,99,115)
```
#3e667a
```
#3e667a rgb(62,102,122)
```
#376881
```
#376881 rgb(55,104,129)
```
#306a88
```
#306a88 rgb(48,106,136)
```
#296d8f
```
#296d8f rgb(41,109,143)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#1b719d
```
#1b719d rgb(27,113,157)
```
#1474a4
```
#1474a4 rgb(20,116,164)
```
#0d76ab
```
#0d76ab rgb(13,118,171)
```
#0678b2
```
#0678b2 rgb(6,120,178)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#506068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636e96 Protanopia 1% of men
#5b6f9e Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#4b6e96 Protanomaly 1% of men, 0.01% of women
#466f9b Deuteranomaly 6% of men, 0.4% of women
#0c768a Tritanomaly 0.01% of the population

#226f96 hex color

#226f96 Color Information

#226f96 Color Conversion

Color Schemes with #226f96

Alternatives to #226f96

#226f96 Preview

Shades and Tints of #226f96

Tones of #226f96

Color Blindness Simulator