#226aaf hex color

In a RGB color space, hex #226aaf is composed of 13.3% red, 41.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 39.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 209.4 degrees, a saturation of 67.5% and a lightness of 41%. #226aaf color hex could be obtained by blending #44d4ff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 69
RGB color chart
- C 81
- M 39
- Y 0
- K 31
CMYK color chart

● #226aaf color description : Dark blue.

The hexadecimal color #226aaf has RGB values of R:34, G:106, B:175 and CMYK values of C:0.81, M:0.39, Y:0, K:0.31. Its decimal value is 2255535.

Hex triplet	226aaf	`#226aaf`
RGB Decimal	34, 106, 175	`rgb(34,106,175)`
RGB Percent	13.3, 41.6, 68.6	`rgb(13.3%,41.6%,68.6%)`
CMYK	81, 39, 0, 31
HSL	209.4°, 67.5, 41	`hsl(209.4,67.5%,41%)`
HSV (or HSB)	209.4°, 80.6, 68.6
Web Safe	336699	`#336699`

CIE-LAB	43.861, 3.176, -42.948
XYZ	13.55, 13.742, 42.493
xyY	0.194, 0.197, 13.742
CIE-LCH	43.861, 43.065, 274.229
CIE-LUV	43.861, -23.788, -63.906
Hunter-Lab	37.07, 0.371, -42.014
Binary	00100010, 01101010, 10101111

#226aaf
```
#226aaf rgb(34,106,175)
```
#af6722
```
#af6722 rgb(175,103,34)
```

Complementary Color

#22afae
```
#22afae rgb(34,175,174)
```
#226aaf
```
#226aaf rgb(34,106,175)
```
#2224af
```
#2224af rgb(34,36,175)
```

Analogous Color

#afae22
```
#afae22 rgb(175,174,34)
```
#226aaf
```
#226aaf rgb(34,106,175)
```
#af2224
```
#af2224 rgb(175,34,36)
```

Split Complementary Color

#6aaf22
```
#6aaf22 rgb(106,175,34)
```
#226aaf
```
#226aaf rgb(34,106,175)
```
#af226a
```
#af226a rgb(175,34,106)
```

Triadic Color

#22af67
```
#22af67 rgb(34,175,103)
```
#226aaf
```
#226aaf rgb(34,106,175)
```
#af226a
```
#af226a rgb(175,34,106)
```
#af6722
```
#af6722 rgb(175,103,34)
```

Tetradic Color

#16436f
```
#16436f rgb(22,67,111)
```
#1a5084
```
#1a5084 rgb(26,80,132)
```
#1e5d9a
```
#1e5d9a rgb(30,93,154)
```
#226aaf
```
#226aaf rgb(34,106,175)
```
#2677c4
```
#2677c4 rgb(38,119,196)
```
#2e84d6
```
#2e84d6 rgb(46,132,214)
```
#4390da
```
#4390da rgb(67,144,218)
```

Monochromatic Color

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

#228daf
```
#228daf rgb(34,141,175)
```
#2282af
```
#2282af rgb(34,130,175)
```
#2276af
```
#2276af rgb(34,118,175)
```
#226aaf
```
#226aaf rgb(34,106,175)
```
#225eaf
```
#225eaf rgb(34,94,175)
```
#2253af
```
#2253af rgb(34,83,175)
```
#2247af
```
#2247af rgb(34,71,175)
```

Similar Colors

Text with hexadecimal color #226aaf

This text has a font color of #226aaf.

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

#226aaf background color

This paragraph has a background color of #226aaf.

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

#226aaf border color

This element has a border color of #226aaf.

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

CSS codes

.text {color:#226aaf;}

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

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

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, #02070b is the darkest color, while #f9fcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#05101b
```
#05101b rgb(5,16,27)
```
#081a2c
```
#081a2c rgb(8,26,44)
```
#0c243c
```
#0c243c rgb(12,36,60)
```
#0f2e4c
```
#0f2e4c rgb(15,46,76)
```
#12385d
```
#12385d rgb(18,56,93)
```
#15426d
```
#15426d rgb(21,66,109)
```
#184c7e
```
#184c7e rgb(24,76,126)
```
#1c568e
```
#1c568e rgb(28,86,142)
```
#1f609f
```
#1f609f rgb(31,96,159)
```
#226aaf
```
#226aaf rgb(34,106,175)
```
#2574bf
```
#2574bf rgb(37,116,191)
```
#287ed0
```
#287ed0 rgb(40,126,208)
```

Shade Color Variation

#3488d8
```
#3488d8 rgb(52,136,216)
```
#4591db
```
#4591db rgb(69,145,219)
```
#559bde
```
#559bde rgb(85,155,222)
```
#66a5e1
```
#66a5e1 rgb(102,165,225)
```
#76aee4
```
#76aee4 rgb(118,174,228)
```
#86b8e8
```
#86b8e8 rgb(134,184,232)
```
#97c2eb
```
#97c2eb rgb(151,194,235)
```
#a7cbee
```
#a7cbee rgb(167,203,238)
```
#b8d5f1
```
#b8d5f1 rgb(184,213,241)
```
#c8dff4
```
#c8dff4 rgb(200,223,244)
```
#d8e8f8
```
#d8e8f8 rgb(216,232,248)
```
#e9f2fb
```
#e9f2fb rgb(233,242,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62696f is the less saturated color, while #026bcf is the most saturated one.

#62696f
```
#62696f rgb(98,105,111)
```
#5a6977
```
#5a6977 rgb(90,105,119)
```
#52697f
```
#52697f rgb(82,105,127)
```
#4a6987
```
#4a6987 rgb(74,105,135)
```
#42698f
```
#42698f rgb(66,105,143)
```
#3a6997
```
#3a6997 rgb(58,105,151)
```
#326a9f
```
#326a9f rgb(50,106,159)
```
#2a6aa7
```
#2a6aa7 rgb(42,106,167)
```
#226aaf
```
#226aaf rgb(34,106,175)
```
#1a6ab7
```
#1a6ab7 rgb(26,106,183)
```
#126abf
```
#126abf rgb(18,106,191)
```
#0a6bc7
```
#0a6bc7 rgb(10,107,199)
```
#026bcf
```
#026bcf rgb(2,107,207)
```

Tone Color Variation

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

Dichromacy

#526daf Protanopia 1% of men
#3970b3 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#406caf Protanomaly 1% of men, 0.01% of women
#306eb1 Deuteranomaly 6% of men, 0.4% of women
#0c7492 Tritanomaly 0.01% of the population

#226aaf hex color

#226aaf Color Information

#226aaf Color Conversion

Color Schemes with #226aaf

Alternatives to #226aaf

#226aaf Preview

Shades and Tints of #226aaf

Tones of #226aaf

Color Blindness Simulator