#225484 hex color

In a RGB color space, hex #225484 is composed of 13.3% red, 32.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 36.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 209.4 degrees, a saturation of 59% and a lightness of 32.5%. #225484 color hex could be obtained by blending #44a8ff with #000009. Closest websafe color is: #336699.

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

● #225484 color description : Dark blue.

The hexadecimal color #225484 has RGB values of R:34, G:84, B:132 and CMYK values of C:0.74, M:0.36, Y:0, K:0.48. Its decimal value is 2249860.

Hex triplet	225484	`#225484`
RGB Decimal	34, 84, 132	`rgb(34,84,132)`
RGB Percent	13.3, 32.9, 51.8	`rgb(13.3%,32.9%,51.8%)`
CMYK	74, 36, 0, 48
HSL	209.4°, 59, 32.5	`hsl(209.4,59%,32.5%)`
HSV (or HSB)	209.4°, 74.2, 51.8
Web Safe	336699	`#336699`

CIE-LAB	34.693, 0.561, -31.74
XYZ	7.994, 8.346, 23.018
xyY	0.203, 0.212, 8.346
CIE-LCH	34.693, 31.745, 271.012
CIE-LUV	34.693, -17.92, -43.713
Hunter-Lab	28.89, -1.165, -27.018
Binary	00100010, 01010100, 10000100

#225484
```
#225484 rgb(34,84,132)
```
#845222
```
#845222 rgb(132,82,34)
```

Complementary Color

#228483
```
#228483 rgb(34,132,131)
```
#225484
```
#225484 rgb(34,84,132)
```
#222384
```
#222384 rgb(34,35,132)
```

Analogous Color

#848322
```
#848322 rgb(132,131,34)
```
#225484
```
#225484 rgb(34,84,132)
```
#842223
```
#842223 rgb(132,34,35)
```

Split Complementary Color

#548422
```
#548422 rgb(84,132,34)
```
#225484
```
#225484 rgb(34,84,132)
```
#842254
```
#842254 rgb(132,34,84)
```

Triadic Color

#228452
```
#228452 rgb(34,132,82)
```
#225484
```
#225484 rgb(34,84,132)
```
#842254
```
#842254 rgb(132,34,84)
```
#845222
```
#845222 rgb(132,82,34)
```

Tetradic Color

#122d47
```
#122d47 rgb(18,45,71)
```
#183a5b
```
#183a5b rgb(24,58,91)
```
#1d4770
```
#1d4770 rgb(29,71,112)
```
#225484
```
#225484 rgb(34,84,132)
```
#276198
```
#276198 rgb(39,97,152)
```
#2c6ead
```
#2c6ead rgb(44,110,173)
```
#327bc1
```
#327bc1 rgb(50,123,193)
```

Monochromatic Color

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

#226d84
```
#226d84 rgb(34,109,132)
```
#226484
```
#226484 rgb(34,100,132)
```
#225c84
```
#225c84 rgb(34,92,132)
```
#225484
```
#225484 rgb(34,84,132)
```
#224c84
```
#224c84 rgb(34,76,132)
```
#224484
```
#224484 rgb(34,68,132)
```
#223c84
```
#223c84 rgb(34,60,132)
```

Similar Colors

Text with hexadecimal color #225484

This text has a font color of #225484.

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

#225484 background color

This paragraph has a background color of #225484.

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

#225484 border color

This element has a border color of #225484.

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

CSS codes

.text {color:#225484;}

.background {background-color:#225484;}

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

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

#020507
```
#020507 rgb(2,5,7)
```
#060f17
```
#060f17 rgb(6,15,23)
```
#0a1826
```
#0a1826 rgb(10,24,38)
```
#0e2236
```
#0e2236 rgb(14,34,54)
```
#122c46
```
#122c46 rgb(18,44,70)
```
#163655
```
#163655 rgb(22,54,85)
```
#1a4065
```
#1a4065 rgb(26,64,101)
```
#1e4a74
```
#1e4a74 rgb(30,74,116)
```
#225484
```
#225484 rgb(34,84,132)
```
#265e94
```
#265e94 rgb(38,94,148)
```
#2a68a3
```
#2a68a3 rgb(42,104,163)
```
#2e72b3
```
#2e72b3 rgb(46,114,179)
```
#327cc2
```
#327cc2 rgb(50,124,194)
```

Shade Color Variation

#3b86cd
```
#3b86cd rgb(59,134,205)
```
#4b8fd1
```
#4b8fd1 rgb(75,143,209)
```
#5b99d5
```
#5b99d5 rgb(91,153,213)
```
#6aa3d9
```
#6aa3d9 rgb(106,163,217)
```
#7aacdd
```
#7aacdd rgb(122,172,221)
```
#89b6e1
```
#89b6e1 rgb(137,182,225)
```
#99c0e5
```
#99c0e5 rgb(153,192,229)
```
#a9c9e9
```
#a9c9e9 rgb(169,201,233)
```
#b8d3ed
```
#b8d3ed rgb(184,211,237)
```
#c8ddf1
```
#c8ddf1 rgb(200,221,241)
```
#d7e6f5
```
#d7e6f5 rgb(215,230,245)
```
#e7f0f9
```
#e7f0f9 rgb(231,240,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#4f5357
```
#4f5357 rgb(79,83,87)
```
#48535e
```
#48535e rgb(72,83,94)
```
#425364
```
#425364 rgb(66,83,100)
```
#3c536a
```
#3c536a rgb(60,83,106)
```
#355471
```
#355471 rgb(53,84,113)
```
#2f5477
```
#2f5477 rgb(47,84,119)
```
#28547e
```
#28547e rgb(40,84,126)
```
#225484
```
#225484 rgb(34,84,132)
```
#1c548a
```
#1c548a rgb(28,84,138)
```
#155491
```
#155491 rgb(21,84,145)
```
#0f5497
```
#0f5497 rgb(15,84,151)
```
#08559e
```
#08559e rgb(8,85,158)
```
#0255a4
```
#0255a4 rgb(2,85,164)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#434d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485987 Protanopia 1% of men
#3b5a8b Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

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

#225484 hex color

#225484 Color Information

#225484 Color Conversion

Color Schemes with #225484

Alternatives to #225484

#225484 Preview

Shades and Tints of #225484

Tones of #225484

Color Blindness Simulator