#226b8e hex color

In a RGB color space, hex #226b8e is composed of 13.3% red, 42% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 24.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 199.4 degrees, a saturation of 61.4% and a lightness of 34.5%. #226b8e color hex could be obtained by blending #44d6ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 56
RGB color chart
- C 76
- M 25
- Y 0
- K 44
CMYK color chart

● #226b8e color description : Dark blue.

The hexadecimal color #226b8e has RGB values of R:34, G:107, B:142 and CMYK values of C:0.76, M:0.25, Y:0, K:0.44. Its decimal value is 2255758.

Hex triplet	226b8e	`#226b8e`
RGB Decimal	34, 107, 142	`rgb(34,107,142)`
RGB Percent	13.3, 42, 55.7	`rgb(13.3%,42%,55.7%)`
CMYK	76, 25, 0, 44
HSL	199.4°, 61.4, 34.5	`hsl(199.4,61.4%,34.5%)`
HSV (or HSB)	199.4°, 76.1, 55.7
Web Safe	336699	`#336699`

CIE-LAB	42.472, -9.868, -25.597
XYZ	10.799, 12.808, 27.493
xyY	0.211, 0.251, 12.808
CIE-LCH	42.472, 27.433, 248.918
CIE-LUV	42.472, -25.667, -35.579
Hunter-Lab	35.788, -8.767, -20.496
Binary	00100010, 01101011, 10001110

#226b8e
```
#226b8e rgb(34,107,142)
```
#8e4522
```
#8e4522 rgb(142,69,34)
```

Complementary Color

#228e7b
```
#228e7b rgb(34,142,123)
```
#226b8e
```
#226b8e rgb(34,107,142)
```
#22358e
```
#22358e rgb(34,53,142)
```

Analogous Color

#8e7b22
```
#8e7b22 rgb(142,123,34)
```
#226b8e
```
#226b8e rgb(34,107,142)
```
#8e2235
```
#8e2235 rgb(142,34,53)
```

Split Complementary Color

#6b8e22
```
#6b8e22 rgb(107,142,34)
```
#226b8e
```
#226b8e rgb(34,107,142)
```
#8e226b
```
#8e226b rgb(142,34,107)
```

Triadic Color

#228e45
```
#228e45 rgb(34,142,69)
```
#226b8e
```
#226b8e rgb(34,107,142)
```
#8e226b
```
#8e226b rgb(142,34,107)
```
#8e4522
```
#8e4522 rgb(142,69,34)
```

Tetradic Color

#133c50
```
#133c50 rgb(19,60,80)
```
#184c65
```
#184c65 rgb(24,76,101)
```
#1d5b79
```
#1d5b79 rgb(29,91,121)
```
#226b8e
```
#226b8e rgb(34,107,142)
```
#277ba3
```
#277ba3 rgb(39,123,163)
```
#2c8ab7
```
#2c8ab7 rgb(44,138,183)
```
#319acc
```
#319acc rgb(49,154,204)
```

Monochromatic Color

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

#22868e
```
#22868e rgb(34,134,142)
```
#227d8e
```
#227d8e rgb(34,125,142)
```
#22748e
```
#22748e rgb(34,116,142)
```
#226b8e
```
#226b8e rgb(34,107,142)
```
#22628e
```
#22628e rgb(34,98,142)
```
#22598e
```
#22598e rgb(34,89,142)
```
#22508e
```
#22508e rgb(34,80,142)
```

Similar Colors

Text with hexadecimal color #226b8e

This text has a font color of #226b8e.

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

#226b8e background color

This paragraph has a background color of #226b8e.

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

#226b8e border color

This element has a border color of #226b8e.

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

CSS codes

.text {color:#226b8e;}

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

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

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

#040c0f
```
#040c0f rgb(4,12,15)
```
#07181f
```
#07181f rgb(7,24,31)
```
#0b232f
```
#0b232f rgb(11,35,47)
```
#0f2f3f
```
#0f2f3f rgb(15,47,63)
```
#133b4f
```
#133b4f rgb(19,59,79)
```
#17475f
```
#17475f rgb(23,71,95)
```
#1a536e
```
#1a536e rgb(26,83,110)
```
#1e5f7e
```
#1e5f7e rgb(30,95,126)
```
#226b8e
```
#226b8e rgb(34,107,142)
```
#26779e
```
#26779e rgb(38,119,158)
```
#2a83ae
```
#2a83ae rgb(42,131,174)
```
#2d8fbd
```
#2d8fbd rgb(45,143,189)
```
#319bcd
```
#319bcd rgb(49,155,205)
```

Shade Color Variation

#41a3d1
```
#41a3d1 rgb(65,163,209)
```
#50aad5
```
#50aad5 rgb(80,170,213)
```
#60b2d9
```
#60b2d9 rgb(96,178,217)
```
#70badd
```
#70badd rgb(112,186,221)
```
#80c1e1
```
#80c1e1 rgb(128,193,225)
```
#90c9e4
```
#90c9e4 rgb(144,201,228)
```
#a0d1e8
```
#a0d1e8 rgb(160,209,232)
```
#afd8ec
```
#afd8ec rgb(175,216,236)
```
#bfe0f0
```
#bfe0f0 rgb(191,224,240)
```
#cfe8f4
```
#cfe8f4 rgb(207,232,244)
```
#dfeff7
```
#dfeff7 rgb(223,239,247)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515a5f is the less saturated color, while #0077b0 is the most saturated one.

#515a5f
```
#515a5f rgb(81,90,95)
```
#4b5d65
```
#4b5d65 rgb(75,93,101)
```
#445f6c
```
#445f6c rgb(68,95,108)
```
#3d6173
```
#3d6173 rgb(61,97,115)
```
#36647a
```
#36647a rgb(54,100,122)
```
#306680
```
#306680 rgb(48,102,128)
```
#296987
```
#296987 rgb(41,105,135)
```
#226b8e
```
#226b8e rgb(34,107,142)
```
#1b6d95
```
#1b6d95 rgb(27,109,149)
```
#14709c
```
#14709c rgb(20,112,156)
```
#0e72a2
```
#0e72a2 rgb(14,114,162)
```
#0775a9
```
#0775a9 rgb(7,117,169)
```
#0077b0
```
#0077b0 rgb(0,119,176)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4e5d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616b8e Protanopia 1% of men
#5a6b96 Deuteranopia 1% of men
#11767f Tritanopia 0.001% of the population

Trichromacy

#4a6b8e Protanomaly 1% of men, 0.01% of women
#456b93 Deuteranomaly 6% of men, 0.4% of women
#177284 Tritanomaly 0.01% of the population

#226b8e hex color

#226b8e Color Information

#226b8e Color Conversion

Color Schemes with #226b8e

Alternatives to #226b8e

#226b8e Preview

Shades and Tints of #226b8e

Tones of #226b8e

Color Blindness Simulator