colorhexa.com

#225083 hex color

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

- R 13
- G 31
- B 51
RGB color chart
- C 74
- M 39
- Y 0
- K 49
CMYK color chart

● #225083 color description : Dark blue.

The hexadecimal color #225083 has RGB values of R:34, G:80, B:131 and CMYK values of C:0.74, M:0.39, Y:0, K:0.49. Its decimal value is 2248835.

Hex triplet	225083	`#225083`
RGB Decimal	34, 80, 131	`rgb(34,80,131)`
RGB Percent	13.3, 31.4, 51.4	`rgb(13.3%,31.4%,51.4%)`
CMYK	74, 39, 0, 49
HSL	211.5°, 58.8, 32.4	`hsl(211.5,58.8%,32.4%)`
HSV (or HSB)	211.5°, 74, 51.4
Web Safe	336699	`#336699`

CIE-LAB	33.383, 2.777, -33.201
XYZ	7.624, 7.716, 22.559
xyY	0.201, 0.204, 7.716
CIE-LCH	33.383, 33.317, 274.781
CIE-LUV	33.383, -16.578, -45.5
Hunter-Lab	27.777, 0.385, -28.709
Binary	00100010, 01010000, 10000011

#225083
```
#225083 rgb(34,80,131)
```
#835522
```
#835522 rgb(131,85,34)
```

Complementary Color

#228183
```
#228183 rgb(34,129,131)
```
#225083
```
#225083 rgb(34,80,131)
```
#252283
```
#252283 rgb(37,34,131)
```

Analogous Color

#818322
```
#818322 rgb(129,131,34)
```
#225083
```
#225083 rgb(34,80,131)
```
#832522
```
#832522 rgb(131,37,34)
```

Split Complementary Color

#508322
```
#508322 rgb(80,131,34)
```
#225083
```
#225083 rgb(34,80,131)
```
#832250
```
#832250 rgb(131,34,80)
```

Triadic Color

#122b46
```
#122b46 rgb(18,43,70)
```
#17375b
```
#17375b rgb(23,55,91)
```
#1d446f
```
#1d446f rgb(29,68,111)
```
#225083
```
#225083 rgb(34,80,131)
```
#275c97
```
#275c97 rgb(39,92,151)
```
#2d69ab
```
#2d69ab rgb(45,105,171)
```
#3275c0
```
#3275c0 rgb(50,117,192)
```

Monochromatic Color

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

#226883
```
#226883 rgb(34,104,131)
```
#226083
```
#226083 rgb(34,96,131)
```
#225883
```
#225883 rgb(34,88,131)
```
#225083
```
#225083 rgb(34,80,131)
```
#224883
```
#224883 rgb(34,72,131)
```
#224083
```
#224083 rgb(34,64,131)
```
#223883
```
#223883 rgb(34,56,131)
```

Similar Colors

Text with hexadecimal color #225083

This text has a font color of #225083.

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

#225083 background color

This paragraph has a background color of #225083.

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

#225083 border color

This element has a border color of #225083.

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

CSS codes

.text {color:#225083;}

.background {background-color:#225083;}

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

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)
```
#060d16
```
#060d16 rgb(6,13,22)
```
#0a1726
```
#0a1726 rgb(10,23,38)
```
#0e2035
```
#0e2035 rgb(14,32,53)
```
#122a45
```
#122a45 rgb(18,42,69)
```
#163354
```
#163354 rgb(22,51,84)
```
#1a3d64
```
#1a3d64 rgb(26,61,100)
```
#1e4673
```
#1e4673 rgb(30,70,115)
```
#225083
```
#225083 rgb(34,80,131)
```
#265a93
```
#265a93 rgb(38,90,147)
```
#2a63a2
```
#2a63a2 rgb(42,99,162)
```
#2e6db2
```
#2e6db2 rgb(46,109,178)
```
#3276c1
```
#3276c1 rgb(50,118,193)
```

Shade Color Variation

#3b80cc
```
#3b80cc rgb(59,128,204)
```
#4b8ad0
```
#4b8ad0 rgb(75,138,208)
```
#5a94d4
```
#5a94d4 rgb(90,148,212)
```
#6a9ed8
```
#6a9ed8 rgb(106,158,216)
```
#79a8dc
```
#79a8dc rgb(121,168,220)
```
#89b2e0
```
#89b2e0 rgb(137,178,224)
```
#98bce4
```
#98bce4 rgb(152,188,228)
```
#a8c7e8
```
#a8c7e8 rgb(168,199,232)
```
#b8d1ec
```
#b8d1ec rgb(184,209,236)
```
#c7dbf0
```
#c7dbf0 rgb(199,219,240)
```
#d7e5f5
```
#d7e5f5 rgb(215,229,245)
```
#e6eff9
```
#e6eff9 rgb(230,239,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#4e5257
```
#4e5257 rgb(78,82,87)
```
#48525d
```
#48525d rgb(72,82,93)
```
#425263
```
#425263 rgb(66,82,99)
```
#3b516a
```
#3b516a rgb(59,81,106)
```
#355170
```
#355170 rgb(53,81,112)
```
#2f5176
```
#2f5176 rgb(47,81,118)
```
#28507d
```
#28507d rgb(40,80,125)
```
#225083
```
#225083 rgb(34,80,131)
```
#1c5089
```
#1c5089 rgb(28,80,137)
```
#154f90
```
#154f90 rgb(21,79,144)
```
#0f4f96
```
#0f4f96 rgb(15,79,150)
```
#094f9c
```
#094f9c rgb(9,79,156)
```
#024ea3
```
#024ea3 rgb(2,78,163)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#404a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435687 Protanopia 1% of men
#345889 Deuteranopia 1% of men
#006067 Tritanopia 0.001% of the population

Trichromacy

#375385 Protanomaly 1% of men, 0.01% of women
#2d5587 Deuteranomaly 6% of men, 0.4% of women
#0c5a71 Tritanomaly 0.01% of the population