#225d9a hex color

In a RGB color space, hex #225d9a is composed of 13.3% red, 36.5% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 39.6% magenta, 0% yellow and 39.6% black. It has a hue angle of 210.5 degrees, a saturation of 63.8% and a lightness of 36.9%. #225d9a color hex could be obtained by blending #44baff with #000035. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 36
- B 60
RGB color chart
- C 78
- M 40
- Y 0
- K 40
CMYK color chart

● #225d9a color description : Dark blue.

The hexadecimal color #225d9a has RGB values of R:34, G:93, B:154 and CMYK values of C:0.78, M:0.4, Y:0, K:0.4. Its decimal value is 2252186.

Hex triplet	225d9a	`#225d9a`
RGB Decimal	34, 93, 154	`rgb(34,93,154)`
RGB Percent	13.3, 36.5, 60.4	`rgb(13.3%,36.5%,60.4%)`
CMYK	78, 40, 0, 40
HSL	210.5°, 63.8, 36.9	`hsl(210.5,63.8%,36.9%)`
HSV (or HSB)	210.5°, 77.9, 60.4
Web Safe	336699	`#336699`

CIE-LAB	38.727, 3.298, -38.682
XYZ	10.405, 10.501, 32.049
xyY	0.196, 0.198, 10.501
CIE-LCH	38.727, 38.823, 274.873
CIE-LUV	38.727, -20.25, -55.6
Hunter-Lab	32.405, 0.607, -35.954
Binary	00100010, 01011101, 10011010

#225d9a
```
#225d9a rgb(34,93,154)
```
#9a5f22
```
#9a5f22 rgb(154,95,34)
```

Complementary Color

#22999a
```
#22999a rgb(34,153,154)
```
#225d9a
```
#225d9a rgb(34,93,154)
```
#23229a
```
#23229a rgb(35,34,154)
```

Analogous Color

#999a22
```
#999a22 rgb(153,154,34)
```
#225d9a
```
#225d9a rgb(34,93,154)
```
#9a2322
```
#9a2322 rgb(154,35,34)
```

Split Complementary Color

#5d9a22
```
#5d9a22 rgb(93,154,34)
```
#225d9a
```
#225d9a rgb(34,93,154)
```
#9a225d
```
#9a225d rgb(154,34,93)
```

Triadic Color

#229a5f
```
#229a5f rgb(34,154,95)
```
#225d9a
```
#225d9a rgb(34,93,154)
```
#9a225d
```
#9a225d rgb(154,34,93)
```
#9a5f22
```
#9a5f22 rgb(154,95,34)
```

Tetradic Color

#14375b
```
#14375b rgb(20,55,91)
```
#194470
```
#194470 rgb(25,68,112)
```
#1d5085
```
#1d5085 rgb(29,80,133)
```
#225d9a
```
#225d9a rgb(34,93,154)
```
#276aaf
```
#276aaf rgb(39,106,175)
```
#2b76c4
```
#2b76c4 rgb(43,118,196)
```
#3683d3
```
#3683d3 rgb(54,131,211)
```

Monochromatic Color

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

#227b9a
```
#227b9a rgb(34,123,154)
```
#22719a
```
#22719a rgb(34,113,154)
```
#22679a
```
#22679a rgb(34,103,154)
```
#225d9a
```
#225d9a rgb(34,93,154)
```
#22539a
```
#22539a rgb(34,83,154)
```
#22499a
```
#22499a rgb(34,73,154)
```
#223f9a
```
#223f9a rgb(34,63,154)
```

Similar Colors

Text with hexadecimal color #225d9a

This text has a font color of #225d9a.

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

#225d9a background color

This paragraph has a background color of #225d9a.

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

#225d9a border color

This element has a border color of #225d9a.

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

CSS codes

.text {color:#225d9a;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#060f19
```
#060f19 rgb(6,15,25)
```
#09192a
```
#09192a rgb(9,25,42)
```
#0d233a
```
#0d233a rgb(13,35,58)
```
#102c4a
```
#102c4a rgb(16,44,74)
```
#14365a
```
#14365a rgb(20,54,90)
```
#17406a
```
#17406a rgb(23,64,106)
```
#1b4a7a
```
#1b4a7a rgb(27,74,122)
```
#1e538a
```
#1e538a rgb(30,83,138)
```
#225d9a
```
#225d9a rgb(34,93,154)
```
#2667aa
```
#2667aa rgb(38,103,170)
```
#2970ba
```
#2970ba rgb(41,112,186)
```
#2d7aca
```
#2d7aca rgb(45,122,202)
```

Shade Color Variation

#3884d3
```
#3884d3 rgb(56,132,211)
```
#488ed7
```
#488ed7 rgb(72,142,215)
```
#5898da
```
#5898da rgb(88,152,218)
```
#68a2de
```
#68a2de rgb(104,162,222)
```
#78ace1
```
#78ace1 rgb(120,172,225)
```
#88b5e5
```
#88b5e5 rgb(136,181,229)
```
#98bfe8
```
#98bfe8 rgb(152,191,232)
```
#a8c9ec
```
#a8c9ec rgb(168,201,236)
```
#b8d3ef
```
#b8d3ef rgb(184,211,239)
```
#c8ddf3
```
#c8ddf3 rgb(200,221,243)
```
#d8e7f6
```
#d8e7f6 rgb(216,231,246)
```
#e8f1fa
```
#e8f1fa rgb(232,241,250)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#5c5e60
```
#5c5e60 rgb(92,94,96)
```
#555e67
```
#555e67 rgb(85,94,103)
```
#4d5e6f
```
#4d5e6f rgb(77,94,111)
```
#465e76
```
#465e76 rgb(70,94,118)
```
#3f5d7d
```
#3f5d7d rgb(63,93,125)
```
#385d84
```
#385d84 rgb(56,93,132)
```
#305d8c
```
#305d8c rgb(48,93,140)
```
#295d93
```
#295d93 rgb(41,93,147)
```
#225d9a
```
#225d9a rgb(34,93,154)
```
#1b5da1
```
#1b5da1 rgb(27,93,161)
```
#145da8
```
#145da8 rgb(20,93,168)
```
#0c5db0
```
#0c5db0 rgb(12,93,176)
```
#055db7
```
#055db7 rgb(5,93,183)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a619c Protanopia 1% of men
#35649f Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#3b609b Protanomaly 1% of men, 0.01% of women
#2e619d Deuteranomaly 6% of men, 0.4% of women
#0c6782 Tritanomaly 0.01% of the population

#225d9a hex color

#225d9a Color Information

#225d9a Color Conversion

Color Schemes with #225d9a

Alternatives to #225d9a

#225d9a Preview

Shades and Tints of #225d9a

Tones of #225d9a

Color Blindness Simulator