#225ba8 hex color

In a RGB color space, hex #225ba8 is composed of 13.3% red, 35.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 45.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 214.5 degrees, a saturation of 66.3% and a lightness of 39.6%. #225ba8 color hex could be obtained by blending #44b6ff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 36
- B 66
RGB color chart
- C 80
- M 46
- Y 0
- K 34
CMYK color chart

● #225ba8 color description : Dark blue.

The hexadecimal color #225ba8 has RGB values of R:34, G:91, B:168 and CMYK values of C:0.8, M:0.46, Y:0, K:0.34. Its decimal value is 2251688.

Hex triplet	225ba8	`#225ba8`
RGB Decimal	34, 91, 168	`rgb(34,91,168)`
RGB Percent	13.3, 35.7, 65.9	`rgb(13.3%,35.7%,65.9%)`
CMYK	80, 46, 0, 34
HSL	214.5°, 66.3, 39.6	`hsl(214.5,66.3%,39.6%)`
HSV (or HSB)	214.5°, 79.8, 65.9
Web Safe	336699	`#336699`

CIE-LAB	38.982, 10.072, -46.623
XYZ	11.467, 10.648, 38.495
xyY	0.189, 0.176, 10.648
CIE-LCH	38.982, 47.699, 282.19
CIE-LUV	38.982, -19.176, -67.925
Hunter-Lab	32.632, 5.62, -47.1
Binary	00100010, 01011011, 10101000

#225ba8
```
#225ba8 rgb(34,91,168)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```

Complementary Color

#229ea8
```
#229ea8 rgb(34,158,168)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```
#2c22a8
```
#2c22a8 rgb(44,34,168)
```

Analogous Color

#9ea822
```
#9ea822 rgb(158,168,34)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```
#a82c22
```
#a82c22 rgb(168,44,34)
```

Split Complementary Color

#5ba822
```
#5ba822 rgb(91,168,34)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```
#a8225b
```
#a8225b rgb(168,34,91)
```

Triadic Color

#22a86f
```
#22a86f rgb(34,168,111)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```
#a8225b
```
#a8225b rgb(168,34,91)
```
#a86f22
```
#a86f22 rgb(168,111,34)
```

Tetradic Color

#153968
```
#153968 rgb(21,57,104)
```
#19447e
```
#19447e rgb(25,68,126)
```
#1e5093
```
#1e5093 rgb(30,80,147)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```
#2666bd
```
#2666bd rgb(38,102,189)
```
#2b72d2
```
#2b72d2 rgb(43,114,210)
```
#3e80d8
```
#3e80d8 rgb(62,128,216)
```

Monochromatic Color

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

#227da8
```
#227da8 rgb(34,125,168)
```
#2271a8
```
#2271a8 rgb(34,113,168)
```
#2266a8
```
#2266a8 rgb(34,102,168)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```
#2250a8
```
#2250a8 rgb(34,80,168)
```
#2245a8
```
#2245a8 rgb(34,69,168)
```
#223aa8
```
#223aa8 rgb(34,58,168)
```

Similar Colors

Text with hexadecimal color #225ba8

This text has a font color of #225ba8.

<span style="color:#225ba8;">Text here</span>

#225ba8 background color

This paragraph has a background color of #225ba8.

<p style="background-color:#225ba8;">Content here</p>

#225ba8 border color

This element has a border color of #225ba8.

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

CSS codes

.text {color:#225ba8;}

.background {background-color:#225ba8;}

.border {border:1px solid #225ba8;}

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

#010305
```
#010305 rgb(1,3,5)
```
#040b15
```
#040b15 rgb(4,11,21)
```
#081425
```
#081425 rgb(8,20,37)
```
#0b1d36
```
#0b1d36 rgb(11,29,54)
```
#0e2646
```
#0e2646 rgb(14,38,70)
```
#112f56
```
#112f56 rgb(17,47,86)
```
#153867
```
#153867 rgb(21,56,103)
```
#184077
```
#184077 rgb(24,64,119)
```
#1b4987
```
#1b4987 rgb(27,73,135)
```
#1f5298
```
#1f5298 rgb(31,82,152)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```
#2564b8
```
#2564b8 rgb(37,100,184)
```
#296dc9
```
#296dc9 rgb(41,109,201)
```

Shade Color Variation

#3076d5
```
#3076d5 rgb(48,118,213)
```
#4081d8
```
#4081d8 rgb(64,129,216)
```
#508cdc
```
#508cdc rgb(80,140,220)
```
#6196df
```
#6196df rgb(97,150,223)
```
#71a1e2
```
#71a1e2 rgb(113,161,226)
```
#81ace6
```
#81ace6 rgb(129,172,230)
```
#92b7e9
```
#92b7e9 rgb(146,183,233)
```
#a2c2ec
```
#a2c2ec rgb(162,194,236)
```
#b2ccef
```
#b2ccef rgb(178,204,239)
```
#c3d7f3
```
#c3d7f3 rgb(195,215,243)
```
#d3e2f6
```
#d3e2f6 rgb(211,226,246)
```
#e3edf9
```
#e3edf9 rgb(227,237,249)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60646a is the less saturated color, while #0356c7 is the most saturated one.

#60646a
```
#60646a rgb(96,100,106)
```
#586372
```
#586372 rgb(88,99,114)
```
#516279
```
#516279 rgb(81,98,121)
```
#496181
```
#496181 rgb(73,97,129)
```
#416089
```
#416089 rgb(65,96,137)
```
#395e91
```
#395e91 rgb(57,94,145)
```
#325d98
```
#325d98 rgb(50,93,152)
```
#2a5ca0
```
#2a5ca0 rgb(42,92,160)
```
#225ba8
```
#225ba8 rgb(34,91,168)
```
#1a5ab0
```
#1a5ab0 rgb(26,90,176)
```
#1259b8
```
#1259b8 rgb(18,89,184)
```
#0b58bf
```
#0b58bf rgb(11,88,191)
```
#0356c7
```
#0356c7 rgb(3,86,199)
```

Tone Color Variation

Below, you can see how #225ba8 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

#535353 Achromatopsia 0.005% of the population
#495564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d61ab Protanopia 1% of men
#0065a9 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#335fa9 Protanomaly 1% of men, 0.01% of women
#0c61a9 Deuteranomaly 6% of men, 0.4% of women
#0c6787 Tritanomaly 0.01% of the population

#225ba8 hex color

#225ba8 Color Information

#225ba8 Color Conversion

Color Schemes with #225ba8

Alternatives to #225ba8

#225ba8 Preview

Shades and Tints of #225ba8

Tones of #225ba8

Color Blindness Simulator