#225483 hex color

In a RGB color space, hex #225483 is composed of 13.3% red, 32.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 35.9% magenta, 0% yellow and 48.6% black. It has a hue angle of 209.1 degrees, a saturation of 58.8% and a lightness of 32.4%. #225483 color hex could be obtained by blending #44a8ff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 33
- B 51
RGB color chart
- C 74
- M 36
- Y 0
- K 49
CMYK color chart

● #225483 color description : Dark blue.

The hexadecimal color #225483 has RGB values of R:34, G:84, B:131 and CMYK values of C:0.74, M:0.36, Y:0, K:0.49. Its decimal value is 2249859.

Hex triplet	225483	`#225483`
RGB Decimal	34, 84, 131	`rgb(34,84,131)`
RGB Percent	13.3, 32.9, 51.4	`rgb(13.3%,32.9%,51.4%)`
CMYK	74, 36, 0, 49
HSL	209.1°, 58.8, 32.4	`hsl(209.1,58.8%,32.4%)`
HSV (or HSB)	209.1°, 74, 51.4
Web Safe	336699	`#336699`

CIE-LAB	34.638, 0.175, -31.213
XYZ	7.926, 8.319, 22.659
xyY	0.204, 0.214, 8.319
CIE-LCH	34.638, 31.214, 270.321
CIE-LUV	34.638, -17.952, -42.9
Hunter-Lab	28.842, -1.423, -26.39
Binary	00100010, 01010100, 10000011

#225483
```
#225483 rgb(34,84,131)
```
#835122
```
#835122 rgb(131,81,34)
```

Complementary Color

#228382
```
#228382 rgb(34,131,130)
```
#225483
```
#225483 rgb(34,84,131)
```
#222383
```
#222383 rgb(34,35,131)
```

Analogous Color

#838222
```
#838222 rgb(131,130,34)
```
#225483
```
#225483 rgb(34,84,131)
```
#832223
```
#832223 rgb(131,34,35)
```

Split Complementary Color

#548322
```
#548322 rgb(84,131,34)
```
#225483
```
#225483 rgb(34,84,131)
```
#832254
```
#832254 rgb(131,34,84)
```

Triadic Color

#228351
```
#228351 rgb(34,131,81)
```
#225483
```
#225483 rgb(34,84,131)
```
#832254
```
#832254 rgb(131,34,84)
```
#835122
```
#835122 rgb(131,81,34)
```

Tetradic Color

#122d46
```
#122d46 rgb(18,45,70)
```
#173a5b
```
#173a5b rgb(23,58,91)
```
#1d476f
```
#1d476f rgb(29,71,111)
```
#225483
```
#225483 rgb(34,84,131)
```
#276197
```
#276197 rgb(39,97,151)
```
#2d6eab
```
#2d6eab rgb(45,110,171)
```
#327bc0
```
#327bc0 rgb(50,123,192)
```

Monochromatic Color

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

#226c83
```
#226c83 rgb(34,108,131)
```
#226483
```
#226483 rgb(34,100,131)
```
#225c83
```
#225c83 rgb(34,92,131)
```
#225483
```
#225483 rgb(34,84,131)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#224483
```
#224483 rgb(34,68,131)
```
#223c83
```
#223c83 rgb(34,60,131)
```

Similar Colors

Text with hexadecimal color #225483

This text has a font color of #225483.

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

#225483 background color

This paragraph has a background color of #225483.

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

#225483 border color

This element has a border color of #225483.

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

CSS codes

.text {color:#225483;}

.background {background-color:#225483;}

.border {border:1px solid #225483;}

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

#020406
```
#020406 rgb(2,4,6)
```
#060e16
```
#060e16 rgb(6,14,22)
```
#0a1826
```
#0a1826 rgb(10,24,38)
```
#0e2235
```
#0e2235 rgb(14,34,53)
```
#122c45
```
#122c45 rgb(18,44,69)
```
#163654
```
#163654 rgb(22,54,84)
```
#1a4064
```
#1a4064 rgb(26,64,100)
```
#1e4a73
```
#1e4a73 rgb(30,74,115)
```
#225483
```
#225483 rgb(34,84,131)
```
#265e93
```
#265e93 rgb(38,94,147)
```
#2a68a2
```
#2a68a2 rgb(42,104,162)
```
#2e72b2
```
#2e72b2 rgb(46,114,178)
```
#327cc1
```
#327cc1 rgb(50,124,193)
```

Shade Color Variation

#3b86cc
```
#3b86cc rgb(59,134,204)
```
#4b8fd0
```
#4b8fd0 rgb(75,143,208)
```
#5a99d4
```
#5a99d4 rgb(90,153,212)
```
#6aa3d8
```
#6aa3d8 rgb(106,163,216)
```
#79acdc
```
#79acdc rgb(121,172,220)
```
#89b6e0
```
#89b6e0 rgb(137,182,224)
```
#98c0e4
```
#98c0e4 rgb(152,192,228)
```
#a8c9e8
```
#a8c9e8 rgb(168,201,232)
```
#b8d3ec
```
#b8d3ec rgb(184,211,236)
```
#c7dcf0
```
#c7dcf0 rgb(199,220,240)
```
#d7e6f5
```
#d7e6f5 rgb(215,230,245)
```
#e6f0f9
```
#e6f0f9 rgb(230,240,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5357 is the less saturated color, while #0255a3 is the most saturated one.

#4e5357
```
#4e5357 rgb(78,83,87)
```
#48535d
```
#48535d rgb(72,83,93)
```
#425363
```
#425363 rgb(66,83,99)
```
#3b536a
```
#3b536a rgb(59,83,106)
```
#355370
```
#355370 rgb(53,83,112)
```
#2f5476
```
#2f5476 rgb(47,84,118)
```
#28547d
```
#28547d rgb(40,84,125)
```
#225483
```
#225483 rgb(34,84,131)
```
#1c5489
```
#1c5489 rgb(28,84,137)
```
#155490
```
#155490 rgb(21,84,144)
```
#0f5596
```
#0f5596 rgb(15,85,150)
```
#09559c
```
#09559c rgb(9,85,156)
```
#0255a3
```
#0255a3 rgb(2,85,163)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#424c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485986 Protanopia 1% of men
#3c5a8a Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#3a5785 Protanomaly 1% of men, 0.01% of women
#325887 Deuteranomaly 6% of men, 0.4% of women
#0c5d73 Tritanomaly 0.01% of the population

#225483 hex color

#225483 Color Information

#225483 Color Conversion

Color Schemes with #225483

Alternatives to #225483

#225483 Preview

Shades and Tints of #225483

Tones of #225483

Color Blindness Simulator