#45569a hex color

In a RGB color space, hex #45569a is composed of 27.1% red, 33.7% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 44.2% magenta, 0% yellow and 39.6% black. It has a hue angle of 228 degrees, a saturation of 38.1% and a lightness of 43.7%. #45569a color hex could be obtained by blending #8aacff with #000035. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 34
- B 60
RGB color chart
- C 55
- M 44
- Y 0
- K 40
CMYK color chart

● #45569a color description : Dark moderate blue.

The hexadecimal color #45569a has RGB values of R:69, G:86, B:154 and CMYK values of C:0.55, M:0.44, Y:0, K:0.4. Its decimal value is 4544154.

Hex triplet	45569a	`#45569a`
RGB Decimal	69, 86, 154	`rgb(69,86,154)`
RGB Percent	27.1, 33.7, 60.4	`rgb(27.1%,33.7%,60.4%)`
CMYK	55, 44, 0, 40
HSL	228°, 38.1, 43.7	`hsl(228,38.1%,43.7%)`
HSV (or HSB)	228°, 55.2, 60.4
Web Safe	336699	`#336699`

CIE-LAB	38.293, 14.088, -39.276
XYZ	11.614, 10.253, 31.937
xyY	0.216, 0.191, 10.253
CIE-LCH	38.293, 41.726, 289.732
CIE-LUV	38.293, -9.96, -57.287
Hunter-Lab	32.021, 8.703, -36.72
Binary	01000101, 01010110, 10011010

#45569a
```
#45569a rgb(69,86,154)
```
#9a8945
```
#9a8945 rgb(154,137,69)
```

Complementary Color

#45819a
```
#45819a rgb(69,129,154)
```
#45569a
```
#45569a rgb(69,86,154)
```
#5f459a
```
#5f459a rgb(95,69,154)
```

Analogous Color

#819a45
```
#819a45 rgb(129,154,69)
```
#45569a
```
#45569a rgb(69,86,154)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```

Split Complementary Color

#569a45
```
#569a45 rgb(86,154,69)
```
#45569a
```
#45569a rgb(69,86,154)
```
#9a4556
```
#9a4556 rgb(154,69,86)
```

Triadic Color

#459a89
```
#459a89 rgb(69,154,137)
```
#45569a
```
#45569a rgb(69,86,154)
```
#9a4556
```
#9a4556 rgb(154,69,86)
```
#9a8945
```
#9a8945 rgb(154,137,69)
```

Tetradic Color

#2d3865
```
#2d3865 rgb(45,56,101)
```
#354277
```
#354277 rgb(53,66,119)
```
#3d4c88
```
#3d4c88 rgb(61,76,136)
```
#45569a
```
#45569a rgb(69,86,154)
```
#4d60ac
```
#4d60ac rgb(77,96,172)
```
#5c6eb6
```
#5c6eb6 rgb(92,110,182)
```
#6e7ebe
```
#6e7ebe rgb(110,126,190)
```

Monochromatic Color

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

#456b9a
```
#456b9a rgb(69,107,154)
```
#45649a
```
#45649a rgb(69,100,154)
```
#455d9a
```
#455d9a rgb(69,93,154)
```
#45569a
```
#45569a rgb(69,86,154)
```
#454f9a
```
#454f9a rgb(69,79,154)
```
#45489a
```
#45489a rgb(69,72,154)
```
#49459a
```
#49459a rgb(73,69,154)
```

Similar Colors

Text with hexadecimal color #45569a

This text has a font color of #45569a.

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

#45569a background color

This paragraph has a background color of #45569a.

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

#45569a border color

This element has a border color of #45569a.

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

CSS codes

.text {color:#45569a;}

.background {background-color:#45569a;}

.border {border:1px solid #45569a;}

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

#020305
```
#020305 rgb(2,3,5)
```
#080a13
```
#080a13 rgb(8,10,19)
```
#0e1220
```
#0e1220 rgb(14,18,32)
```
#14192e
```
#14192e rgb(20,25,46)
```
#1b213b
```
#1b213b rgb(27,33,59)
```
#212949
```
#212949 rgb(33,41,73)
```
#273056
```
#273056 rgb(39,48,86)
```
#2d3864
```
#2d3864 rgb(45,56,100)
```
#333f71
```
#333f71 rgb(51,63,113)
```
#39477f
```
#39477f rgb(57,71,127)
```
#3f4e8c
```
#3f4e8c rgb(63,78,140)
```
#45569a
```
#45569a rgb(69,86,154)
```
#4b5ea8
```
#4b5ea8 rgb(75,94,168)
```

Shade Color Variation

#5467b2
```
#5467b2 rgb(84,103,178)
```
#6173b8
```
#6173b8 rgb(97,115,184)
```
#6f7fbe
```
#6f7fbe rgb(111,127,190)
```
#7d8bc5
```
#7d8bc5 rgb(125,139,197)
```
#8a97cb
```
#8a97cb rgb(138,151,203)
```
#98a3d1
```
#98a3d1 rgb(152,163,209)
```
#a5afd7
```
#a5afd7 rgb(165,175,215)
```
#b3bbdd
```
#b3bbdd rgb(179,187,221)
```
#c0c7e3
```
#c0c7e3 rgb(192,199,227)
```
#ced3e9
```
#ced3e9 rgb(206,211,233)
```
#dbdfef
```
#dbdfef rgb(219,223,239)
```
#e9ebf5
```
#e9ebf5 rgb(233,235,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b78 is the less saturated color, while #002ddf is the most saturated one.

#676b78
```
#676b78 rgb(103,107,120)
```
#5f6580
```
#5f6580 rgb(95,101,128)
```
#566089
```
#566089 rgb(86,96,137)
```
#4e5b91
```
#4e5b91 rgb(78,91,145)
```
#45569a
```
#45569a rgb(69,86,154)
```
#3c51a3
```
#3c51a3 rgb(60,81,163)
```
#344cab
```
#344cab rgb(52,76,171)
```
#2b47b4
```
#2b47b4 rgb(43,71,180)
```
#2341bc
```
#2341bc rgb(35,65,188)
```
#1a3cc5
```
#1a3cc5 rgb(26,60,197)
```
#1237cd
```
#1237cd rgb(18,55,205)
```
#0932d6
```
#0932d6 rgb(9,50,214)
```
#002ddf
```
#002ddf rgb(0,45,223)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#555866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4460a0 Protanopia 1% of men
#36639d Deuteranopia 1% of men
#396971 Tritanopia 0.001% of the population

Trichromacy

#445c9e Protanomaly 1% of men, 0.01% of women
#3b5e9c Deuteranomaly 6% of men, 0.4% of women
#3d6280 Tritanomaly 0.01% of the population

#45569a hex color

#45569a Color Information

#45569a Color Conversion

Color Schemes with #45569a

Alternatives to #45569a

#45569a Preview

Shades and Tints of #45569a

Tones of #45569a

Color Blindness Simulator