colorhexa.com

#226b98 hex color

In a RGB color space, hex #226b98 is composed of 13.3% red, 42% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 29.6% magenta, 0% yellow and 40.4% black. It has a hue angle of 202.9 degrees, a saturation of 63.4% and a lightness of 36.5%. #226b98 color hex could be obtained by blending #44d6ff with #000031. Closest websafe color is: #336699.

- R 13
- G 42
- B 60
RGB color chart
- C 78
- M 30
- Y 0
- K 40
CMYK color chart

● #226b98 color description : Dark blue.

The hexadecimal color #226b98 has RGB values of R:34, G:107, B:152 and CMYK values of C:0.78, M:0.3, Y:0, K:0.4. Its decimal value is 2255768.

Hex triplet	226b98	`#226b98`
RGB Decimal	34, 107, 152	`rgb(34,107,152)`
RGB Percent	13.3, 42, 59.6	`rgb(13.3%,42%,59.6%)`
CMYK	78, 30, 0, 40
HSL	202.9°, 63.4, 36.5	`hsl(202.9,63.4%,36.5%)`
HSV (or HSB)	202.9°, 77.6, 59.6
Web Safe	336699	`#336699`

CIE-LAB	42.946, -6.18, -30.822
XYZ	11.583, 13.121, 31.626
xyY	0.206, 0.233, 13.121
CIE-LCH	42.946, 31.435, 258.662
CIE-LUV	42.946, -25.16, -44.08
Hunter-Lab	36.224, -6.311, -26.409
Binary	00100010, 01101011, 10011000

#226b98
```
#226b98 rgb(34,107,152)
```
#984f22
```
#984f22 rgb(152,79,34)
```

Complementary Color

#22988a
```
#22988a rgb(34,152,138)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#223098
```
#223098 rgb(34,48,152)
```

Analogous Color

#988a22
```
#988a22 rgb(152,138,34)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#982230
```
#982230 rgb(152,34,48)
```

Split Complementary Color

#6b9822
```
#6b9822 rgb(107,152,34)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#98226b
```
#98226b rgb(152,34,107)
```

Triadic Color

#22984f
```
#22984f rgb(34,152,79)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#98226b
```
#98226b rgb(152,34,107)
```
#984f22
```
#984f22 rgb(152,79,34)
```

Tetradic Color

#143f59
```
#143f59 rgb(20,63,89)
```
#194e6e
```
#194e6e rgb(25,78,110)
```
#1d5c83
```
#1d5c83 rgb(29,92,131)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#277aad
```
#277aad rgb(39,122,173)
```
#2b88c2
```
#2b88c2 rgb(43,136,194)
```
#3596d2
```
#3596d2 rgb(53,150,210)
```

Monochromatic Color

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

#228998
```
#228998 rgb(34,137,152)
```
#227f98
```
#227f98 rgb(34,127,152)
```
#227598
```
#227598 rgb(34,117,152)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#226198
```
#226198 rgb(34,97,152)
```
#225798
```
#225798 rgb(34,87,152)
```
#224e98
```
#224e98 rgb(34,78,152)
```

Similar Colors

Text with hexadecimal color #226b98

This text has a font color of #226b98.

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

#226b98 background color

This paragraph has a background color of #226b98.

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

#226b98 border color

This element has a border color of #226b98.

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

CSS codes

.text {color:#226b98;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#051118
```
#051118 rgb(5,17,24)
```
#091c28
```
#091c28 rgb(9,28,40)
```
#0c2738
```
#0c2738 rgb(12,39,56)
```
#103348
```
#103348 rgb(16,51,72)
```
#143e58
```
#143e58 rgb(20,62,88)
```
#174968
```
#174968 rgb(23,73,104)
```
#1b5478
```
#1b5478 rgb(27,84,120)
```
#1e6088
```
#1e6088 rgb(30,96,136)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#2676a8
```
#2676a8 rgb(38,118,168)
```
#2982b8
```
#2982b8 rgb(41,130,184)
```
#2d8dc8
```
#2d8dc8 rgb(45,141,200)
```

Shade Color Variation

#3697d2
```
#3697d2 rgb(54,151,210)
```
#469fd6
```
#469fd6 rgb(70,159,214)
```
#56a7d9
```
#56a7d9 rgb(86,167,217)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#76b8e0
```
#76b8e0 rgb(118,184,224)
```
#86c0e4
```
#86c0e4 rgb(134,192,228)
```
#97c9e8
```
#97c9e8 rgb(151,201,232)
```
#a7d1eb
```
#a7d1eb rgb(167,209,235)
```
#b7d9ef
```
#b7d9ef rgb(183,217,239)
```
#c7e2f2
```
#c7e2f2 rgb(199,226,242)
```
#d7eaf6
```
#d7eaf6 rgb(215,234,246)
```
#e7f2fa
```
#e7f2fa rgb(231,242,250)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#5b5d5f
```
#5b5d5f rgb(91,93,95)
```
#545f66
```
#545f66 rgb(84,95,102)
```
#4d616d
```
#4d616d rgb(77,97,109)
```
#466374
```
#466374 rgb(70,99,116)
```
#3f647b
```
#3f647b rgb(63,100,123)
```
#376683
```
#376683 rgb(55,102,131)
```
#30688a
```
#30688a rgb(48,104,138)
```
#296991
```
#296991 rgb(41,105,145)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#1b6d9f
```
#1b6d9f rgb(27,109,159)
```
#146ea6
```
#146ea6 rgb(20,110,166)
```
#0d70ad
```
#0d70ad rgb(13,112,173)
```
#0572b5
```
#0572b5 rgb(5,114,181)
```

Tone Color Variation

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

Dichromacy

#5e6b98 Protanopia 1% of men
#536d9f Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#486b98 Protanomaly 1% of men, 0.01% of women
#416c9c Deuteranomaly 6% of men, 0.4% of women
#0c7389 Tritanomaly 0.01% of the population