#226c90 hex color

In a RGB color space, hex #226c90 is composed of 13.3% red, 42.4% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 25% magenta, 0% yellow and 43.5% black. It has a hue angle of 199.6 degrees, a saturation of 61.8% and a lightness of 34.9%. #226c90 color hex could be obtained by blending #44d8ff with #000021. 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

● #226c90 color description : Dark blue.

The hexadecimal color #226c90 has RGB values of R:34, G:108, B:144 and CMYK values of C:0.76, M:0.25, Y:0, K:0.44. Its decimal value is 2256016.

Hex triplet	226c90	`#226c90`
RGB Decimal	34, 108, 144	`rgb(34,108,144)`
RGB Percent	13.3, 42.4, 56.5	`rgb(13.3%,42.4%,56.5%)`
CMYK	76, 25, 0, 44
HSL	199.6°, 61.8, 34.9	`hsl(199.6,61.8%,34.9%)`
HSV (or HSB)	199.6°, 76.4, 56.5
Web Safe	336699	`#336699`

CIE-LAB	42.88, -9.727, -26.156
XYZ	11.055, 13.078, 28.326
xyY	0.211, 0.249, 13.078
CIE-LCH	42.88, 27.906, 249.601
CIE-LUV	42.88, -25.924, -36.528
Hunter-Lab	36.163, -8.719, -21.126
Binary	00100010, 01101100, 10010000

#226c90
```
#226c90 rgb(34,108,144)
```
#904622
```
#904622 rgb(144,70,34)
```

Complementary Color

#22907d
```
#22907d rgb(34,144,125)
```
#226c90
```
#226c90 rgb(34,108,144)
```
#223590
```
#223590 rgb(34,53,144)
```

Analogous Color

#907d22
```
#907d22 rgb(144,125,34)
```
#226c90
```
#226c90 rgb(34,108,144)
```
#902235
```
#902235 rgb(144,34,53)
```

Split Complementary Color

#6c9022
```
#6c9022 rgb(108,144,34)
```
#226c90
```
#226c90 rgb(34,108,144)
```
#90226c
```
#90226c rgb(144,34,108)
```

Triadic Color

#229046
```
#229046 rgb(34,144,70)
```
#226c90
```
#226c90 rgb(34,108,144)
```
#90226c
```
#90226c rgb(144,34,108)
```
#904622
```
#904622 rgb(144,70,34)
```

Tetradic Color

#133e52
```
#133e52 rgb(19,62,82)
```
#184d67
```
#184d67 rgb(24,77,103)
```
#1d5d7b
```
#1d5d7b rgb(29,93,123)
```
#226c90
```
#226c90 rgb(34,108,144)
```
#277ba5
```
#277ba5 rgb(39,123,165)
```
#2c8bb9
```
#2c8bb9 rgb(44,139,185)
```
#319ace
```
#319ace rgb(49,154,206)
```

Monochromatic Color

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

#228890
```
#228890 rgb(34,136,144)
```
#227e90
```
#227e90 rgb(34,126,144)
```
#227590
```
#227590 rgb(34,117,144)
```
#226c90
```
#226c90 rgb(34,108,144)
```
#226390
```
#226390 rgb(34,99,144)
```
#225a90
```
#225a90 rgb(34,90,144)
```
#225190
```
#225190 rgb(34,81,144)
```

Similar Colors

Text with hexadecimal color #226c90

This text has a font color of #226c90.

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

#226c90 background color

This paragraph has a background color of #226c90.

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

#226c90 border color

This element has a border color of #226c90.

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

CSS codes

.text {color:#226c90;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#081921
```
#081921 rgb(8,25,33)
```
#0c2531
```
#0c2531 rgb(12,37,49)
```
#0f3041
```
#0f3041 rgb(15,48,65)
```
#133c51
```
#133c51 rgb(19,60,81)
```
#174860
```
#174860 rgb(23,72,96)
```
#1b5470
```
#1b5470 rgb(27,84,112)
```
#1e6080
```
#1e6080 rgb(30,96,128)
```
#226c90
```
#226c90 rgb(34,108,144)
```
#2678a0
```
#2678a0 rgb(38,120,160)
```
#2984b0
```
#2984b0 rgb(41,132,176)
```
#2d90c0
```
#2d90c0 rgb(45,144,192)
```

Shade Color Variation

#329bcf
```
#329bcf rgb(50,155,207)
```
#42a3d2
```
#42a3d2 rgb(66,163,210)
```
#52abd6
```
#52abd6 rgb(82,171,214)
```
#61b2da
```
#61b2da rgb(97,178,218)
```
#71bade
```
#71bade rgb(113,186,222)
```
#81c2e1
```
#81c2e1 rgb(129,194,225)
```
#91cae5
```
#91cae5 rgb(145,202,229)
```
#a1d1e9
```
#a1d1e9 rgb(161,209,233)
```
#b1d9ed
```
#b1d9ed rgb(177,217,237)
```
#c1e1f0
```
#c1e1f0 rgb(193,225,240)
```
#d1e8f4
```
#d1e8f4 rgb(209,232,244)
```
#e0f0f8
```
#e0f0f8 rgb(224,240,248)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595959 is the less saturated color, while #0775ab is the most saturated one.

#595959
```
#595959 rgb(89,89,89)
```
#525b60
```
#525b60 rgb(82,91,96)
```
#4b5e67
```
#4b5e67 rgb(75,94,103)
```
#44606e
```
#44606e rgb(68,96,110)
```
#3d6375
```
#3d6375 rgb(61,99,117)
```
#37657b
```
#37657b rgb(55,101,123)
```
#306782
```
#306782 rgb(48,103,130)
```
#296a89
```
#296a89 rgb(41,106,137)
```
#226c90
```
#226c90 rgb(34,108,144)
```
#1b6e97
```
#1b6e97 rgb(27,110,151)
```
#14719e
```
#14719e rgb(20,113,158)
```
#0d73a5
```
#0d73a5 rgb(13,115,165)
```
#0775ab
```
#0775ab rgb(7,117,171)
```

Tone Color Variation

Below, you can see how #226c90 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
#4f5e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616b90 Protanopia 1% of men
#5a6c98 Deuteranopia 1% of men
#0e7780 Tritanopia 0.001% of the population

Trichromacy

#4a6b90 Protanomaly 1% of men, 0.01% of women
#466c95 Deuteranomaly 6% of men, 0.4% of women
#157386 Tritanomaly 0.01% of the population

#226c90 hex color

#226c90 Color Information

#226c90 Color Conversion

Color Schemes with #226c90

Alternatives to #226c90

#226c90 Preview

Shades and Tints of #226c90

Tones of #226c90

Color Blindness Simulator