#226f94 hex color

In a RGB color space, hex #226f94 is composed of 13.3% red, 43.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 25% magenta, 0% yellow and 42% black. It has a hue angle of 199.5 degrees, a saturation of 62.6% and a lightness of 35.7%. #226f94 color hex could be obtained by blending #44deff with #000029. Closest websafe color is: #336699.

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

● #226f94 color description : Dark blue.

The hexadecimal color #226f94 has RGB values of R:34, G:111, B:148 and CMYK values of C:0.77, M:0.25, Y:0, K:0.42. Its decimal value is 2256788.

Hex triplet	226f94	`#226f94`
RGB Decimal	34, 111, 148	`rgb(34,111,148)`
RGB Percent	13.3, 43.5, 58	`rgb(13.3%,43.5%,58%)`
CMYK	77, 25, 0, 42
HSL	199.5°, 62.6, 35.7	`hsl(199.5,62.6%,35.7%)`
HSV (or HSB)	199.5°, 77, 58
Web Safe	336699	`#336699`

CIE-LAB	44.011, -10.029, -26.778
XYZ	11.688, 13.846, 30.072
xyY	0.21, 0.249, 13.846
CIE-LCH	44.011, 28.595, 249.467
CIE-LUV	44.011, -26.793, -37.663
Hunter-Lab	37.21, -9.05, -21.869
Binary	00100010, 01101111, 10010100

#226f94
```
#226f94 rgb(34,111,148)
```
#944722
```
#944722 rgb(148,71,34)
```

Complementary Color

#229480
```
#229480 rgb(34,148,128)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#223694
```
#223694 rgb(34,54,148)
```

Analogous Color

#948022
```
#948022 rgb(148,128,34)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#942236
```
#942236 rgb(148,34,54)
```

Split Complementary Color

#6f9422
```
#6f9422 rgb(111,148,34)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#94226f
```
#94226f rgb(148,34,111)
```

Triadic Color

#229447
```
#229447 rgb(34,148,71)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#94226f
```
#94226f rgb(148,34,111)
```
#944722
```
#944722 rgb(148,71,34)
```

Tetradic Color

#144056
```
#144056 rgb(20,64,86)
```
#18506b
```
#18506b rgb(24,80,107)
```
#1d5f7f
```
#1d5f7f rgb(29,95,127)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#277fa9
```
#277fa9 rgb(39,127,169)
```
#2c8ebd
```
#2c8ebd rgb(44,142,189)
```
#329dd0
```
#329dd0 rgb(50,157,208)
```

Monochromatic Color

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

#228c94
```
#228c94 rgb(34,140,148)
```
#228294
```
#228294 rgb(34,130,148)
```
#227994
```
#227994 rgb(34,121,148)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#226694
```
#226694 rgb(34,102,148)
```
#225c94
```
#225c94 rgb(34,92,148)
```
#225394
```
#225394 rgb(34,83,148)
```

Similar Colors

Text with hexadecimal color #226f94

This text has a font color of #226f94.

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

#226f94 background color

This paragraph has a background color of #226f94.

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

#226f94 border color

This element has a border color of #226f94.

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

CSS codes

.text {color:#226f94;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050f14
```
#050f14 rgb(5,15,20)
```
#081b24
```
#081b24 rgb(8,27,36)
```
#0c2734
```
#0c2734 rgb(12,39,52)
```
#103344
```
#103344 rgb(16,51,68)
```
#133f54
```
#133f54 rgb(19,63,84)
```
#174b64
```
#174b64 rgb(23,75,100)
```
#1b5774
```
#1b5774 rgb(27,87,116)
```
#1e6384
```
#1e6384 rgb(30,99,132)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#267ba4
```
#267ba4 rgb(38,123,164)
```
#2987b4
```
#2987b4 rgb(41,135,180)
```
#2d93c4
```
#2d93c4 rgb(45,147,196)
```

Shade Color Variation

#349ed0
```
#349ed0 rgb(52,158,208)
```
#44a5d4
```
#44a5d4 rgb(68,165,212)
```
#54add8
```
#54add8 rgb(84,173,216)
```
#64b5db
```
#64b5db rgb(100,181,219)
```
#74bcdf
```
#74bcdf rgb(116,188,223)
```
#84c4e3
```
#84c4e3 rgb(132,196,227)
```
#94cce6
```
#94cce6 rgb(148,204,230)
```
#a4d3ea
```
#a4d3ea rgb(164,211,234)
```
#b4dbee
```
#b4dbee rgb(180,219,238)
```
#c4e3f1
```
#c4e3f1 rgb(196,227,241)
```
#d4eaf5
```
#d4eaf5 rgb(212,234,245)
```
#e4f2f9
```
#e4f2f9 rgb(228,242,249)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#5a5b5c
```
#5a5b5c rgb(90,91,92)
```
#535e63
```
#535e63 rgb(83,94,99)
```
#4c606a
```
#4c606a rgb(76,96,106)
```
#456371
```
#456371 rgb(69,99,113)
```
#3e6578
```
#3e6578 rgb(62,101,120)
```
#37687f
```
#37687f rgb(55,104,127)
```
#306a86
```
#306a86 rgb(48,106,134)
```
#296d8d
```
#296d8d rgb(41,109,141)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#1b719b
```
#1b719b rgb(27,113,155)
```
#1474a2
```
#1474a2 rgb(20,116,162)
```
#0d76a9
```
#0d76a9 rgb(13,118,169)
```
#0679b0
```
#0679b0 rgb(6,121,176)
```

Tone Color Variation

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

Dichromacy

#646e94 Protanopia 1% of men
#5c6f9c Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#4c6e94 Protanomaly 1% of men, 0.01% of women
#476f99 Deuteranomaly 6% of men, 0.4% of women
#0c7689 Tritanomaly 0.01% of the population

#226f94 hex color

#226f94 Color Information

#226f94 Color Conversion

Color Schemes with #226f94

Alternatives to #226f94

#226f94 Preview

Shades and Tints of #226f94

Tones of #226f94

Color Blindness Simulator