#226a9d hex color

In a RGB color space, hex #226a9d is composed of 13.3% red, 41.6% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 32.5% magenta, 0% yellow and 38.4% black. It has a hue angle of 204.9 degrees, a saturation of 64.4% and a lightness of 37.5%. #226a9d color hex could be obtained by blending #44d4ff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 62
RGB color chart
- C 78
- M 32
- Y 0
- K 38
CMYK color chart

● #226a9d color description : Dark blue.

The hexadecimal color #226a9d has RGB values of R:34, G:106, B:157 and CMYK values of C:0.78, M:0.32, Y:0, K:0.38. Its decimal value is 2255517.

Hex triplet	226a9d	`#226a9d`
RGB Decimal	34, 106, 157	`rgb(34,106,157)`
RGB Percent	13.3, 41.6, 61.6	`rgb(13.3%,41.6%,61.6%)`
CMYK	78, 32, 0, 38
HSL	204.9°, 64.4, 37.5	`hsl(204.9,64.4%,37.5%)`
HSV (or HSB)	204.9°, 78.3, 61.6
Web Safe	336699	`#336699`

CIE-LAB	42.886, -3.697, -33.885
XYZ	11.898, 13.081, 33.794
xyY	0.202, 0.223, 13.081
CIE-LCH	42.886, 34.086, 263.773
CIE-LUV	42.886, -24.57, -49.029
Hunter-Lab	36.168, -4.575, -30.081
Binary	00100010, 01101010, 10011101

#226a9d
```
#226a9d rgb(34,106,157)
```
#9d5522
```
#9d5522 rgb(157,85,34)
```

Complementary Color

#229d93
```
#229d93 rgb(34,157,147)
```
#226a9d
```
#226a9d rgb(34,106,157)
```
#222d9d
```
#222d9d rgb(34,45,157)
```

Analogous Color

#9d9322
```
#9d9322 rgb(157,147,34)
```
#226a9d
```
#226a9d rgb(34,106,157)
```
#9d222d
```
#9d222d rgb(157,34,45)
```

Split Complementary Color

#6a9d22
```
#6a9d22 rgb(106,157,34)
```
#226a9d
```
#226a9d rgb(34,106,157)
```
#9d226a
```
#9d226a rgb(157,34,106)
```

Triadic Color

#229d55
```
#229d55 rgb(34,157,85)
```
#226a9d
```
#226a9d rgb(34,106,157)
```
#9d226a
```
#9d226a rgb(157,34,106)
```
#9d5522
```
#9d5522 rgb(157,85,34)
```

Tetradic Color

#14405e
```
#14405e rgb(20,64,94)
```
#194e73
```
#194e73 rgb(25,78,115)
```
#1d5c88
```
#1d5c88 rgb(29,92,136)
```
#226a9d
```
#226a9d rgb(34,106,157)
```
#2778b2
```
#2778b2 rgb(39,120,178)
```
#2b86c7
```
#2b86c7 rgb(43,134,199)
```
#3893d4
```
#3893d4 rgb(56,147,212)
```

Monochromatic Color

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

#22899d
```
#22899d rgb(34,137,157)
```
#227f9d
```
#227f9d rgb(34,127,157)
```
#22749d
```
#22749d rgb(34,116,157)
```
#226a9d
```
#226a9d rgb(34,106,157)
```
#22609d
```
#22609d rgb(34,96,157)
```
#22569d
```
#22569d rgb(34,86,157)
```
#224b9d
```
#224b9d rgb(34,75,157)
```

Similar Colors

Text with hexadecimal color #226a9d

This text has a font color of #226a9d.

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

#226a9d background color

This paragraph has a background color of #226a9d.

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

#226a9d border color

This element has a border color of #226a9d.

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

CSS codes

.text {color:#226a9d;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#06131c
```
#06131c rgb(6,19,28)
```
#0a1e2c
```
#0a1e2c rgb(10,30,44)
```
#0d293c
```
#0d293c rgb(13,41,60)
```
#11344c
```
#11344c rgb(17,52,76)
```
#143e5d
```
#143e5d rgb(20,62,93)
```
#18496d
```
#18496d rgb(24,73,109)
```
#1b547d
```
#1b547d rgb(27,84,125)
```
#1f5f8d
```
#1f5f8d rgb(31,95,141)
```
#226a9d
```
#226a9d rgb(34,106,157)
```
#2575ad
```
#2575ad rgb(37,117,173)
```
#2980bd
```
#2980bd rgb(41,128,189)
```
#2c8bcd
```
#2c8bcd rgb(44,139,205)
```

Shade Color Variation

#3994d4
```
#3994d4 rgb(57,148,212)
```
#499dd8
```
#499dd8 rgb(73,157,216)
```
#5aa5db
```
#5aa5db rgb(90,165,219)
```
#6aaedf
```
#6aaedf rgb(106,174,223)
```
#7ab7e2
```
#7ab7e2 rgb(122,183,226)
```
#8ac0e6
```
#8ac0e6 rgb(138,192,230)
```
#9ac8e9
```
#9ac8e9 rgb(154,200,233)
```
#aad1ed
```
#aad1ed rgb(170,209,237)
```
#badaf0
```
#badaf0 rgb(186,218,240)
```
#cae3f4
```
#cae3f4 rgb(202,227,244)
```
#dbebf7
```
#dbebf7 rgb(219,235,247)
```
#ebf4fb
```
#ebf4fb rgb(235,244,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#5d6062
```
#5d6062 rgb(93,96,98)
```
#55616a
```
#55616a rgb(85,97,106)
```
#4e6271
```
#4e6271 rgb(78,98,113)
```
#476478
```
#476478 rgb(71,100,120)
```
#3f6580
```
#3f6580 rgb(63,101,128)
```
#386687
```
#386687 rgb(56,102,135)
```
#31678e
```
#31678e rgb(49,103,142)
```
#296996
```
#296996 rgb(41,105,150)
```
#226a9d
```
#226a9d rgb(34,106,157)
```
#1b6ba4
```
#1b6ba4 rgb(27,107,164)
```
#136dac
```
#136dac rgb(19,109,172)
```
#0c6eb3
```
#0c6eb3 rgb(12,110,179)
```
#056fba
```
#056fba rgb(5,111,186)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4f5d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6b9d Protanopia 1% of men
#4d6da3 Deuteranopia 1% of men
#007780 Tritanopia 0.001% of the population

Trichromacy

#466b9d Protanomaly 1% of men, 0.01% of women
#3d6ca1 Deuteranomaly 6% of men, 0.4% of women
#0c728a Tritanomaly 0.01% of the population

#226a9d hex color

#226a9d Color Information

#226a9d Color Conversion

Color Schemes with #226a9d

Alternatives to #226a9d

#226a9d Preview

Shades and Tints of #226a9d

Tones of #226a9d

Color Blindness Simulator