colorhexa.com

#4482cd hex color

In a RGB color space, hex #4482cd is composed of 26.7% red, 51% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 36.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 212.8 degrees, a saturation of 57.8% and a lightness of 53.5%. #4482cd color hex could be obtained by blending #88ffff with #00059b. Closest websafe color is: #3399cc.

- R 27
- G 51
- B 80
RGB color chart
- C 67
- M 37
- Y 0
- K 20
CMYK color chart

● #4482cd color description : Moderate blue.

The hexadecimal color #4482cd has RGB values of R:68, G:130, B:205 and CMYK values of C:0.67, M:0.37, Y:0, K:0.2. Its decimal value is 4489933.

Hex triplet	4482cd	`#4482cd`
RGB Decimal	68, 130, 205	`rgb(68,130,205)`
RGB Percent	26.7, 51, 80.4	`rgb(26.7%,51%,80.4%)`
CMYK	67, 37, 0, 20
HSL	212.8°, 57.8, 53.5	`hsl(212.8,57.8%,53.5%)`
HSV (or HSB)	212.8°, 66.8, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.601, 4.098, -44.69
XYZ	21.383, 21.6, 60.797
xyY	0.206, 0.208, 21.6
CIE-LCH	53.601, 44.878, 275.239
CIE-LUV	53.601, -24.929, -69.676
Hunter-Lab	46.476, 0.793, -45.025
Binary	01000100, 10000010, 11001101

#4482cd
```
#4482cd rgb(68,130,205)
```
#cd8f44
```
#cd8f44 rgb(205,143,68)
```

Complementary Color

#44c7cd
```
#44c7cd rgb(68,199,205)
```
#4482cd
```
#4482cd rgb(68,130,205)
```
#4a44cd
```
#4a44cd rgb(74,68,205)
```

Analogous Color

#c7cd44
```
#c7cd44 rgb(199,205,68)
```
#4482cd
```
#4482cd rgb(68,130,205)
```
#cd4a44
```
#cd4a44 rgb(205,74,68)
```

Split Complementary Color

#82cd44
```
#82cd44 rgb(130,205,68)
```
#4482cd
```
#4482cd rgb(68,130,205)
```
#cd4482
```
#cd4482 rgb(205,68,130)
```

Triadic Color

#44cd8f
```
#44cd8f rgb(68,205,143)
```
#4482cd
```
#4482cd rgb(68,130,205)
```
#cd4482
```
#cd4482 rgb(205,68,130)
```
#cd8f44
```
#cd8f44 rgb(205,143,68)
```

Tetradic Color

#295d9b
```
#295d9b rgb(41,93,155)
```
#2f69af
```
#2f69af rgb(47,105,175)
```
#3475c3
```
#3475c3 rgb(52,117,195)
```
#4482cd
```
#4482cd rgb(68,130,205)
```
#588fd2
```
#588fd2 rgb(88,143,210)
```
#6c9dd8
```
#6c9dd8 rgb(108,157,216)
```
#80aadd
```
#80aadd rgb(128,170,221)
```

Monochromatic Color

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

#44a4cd
```
#44a4cd rgb(68,164,205)
```
#4499cd
```
#4499cd rgb(68,153,205)
```
#448dcd
```
#448dcd rgb(68,141,205)
```
#4482cd
```
#4482cd rgb(68,130,205)
```
#4477cd
```
#4477cd rgb(68,119,205)
```
#446bcd
```
#446bcd rgb(68,107,205)
```
#4460cd
```
#4460cd rgb(68,96,205)
```

Similar Colors

Text with hexadecimal color #4482cd

This text has a font color of #4482cd.

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

#4482cd background color

This paragraph has a background color of #4482cd.

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

#4482cd border color

This element has a border color of #4482cd.

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

CSS codes

.text {color:#4482cd;}

.background {background-color:#4482cd;}

.border {border:1px solid #4482cd;}

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, #04090e is the darkest color, while #fefeff is the lightest one.

#04090e
```
#04090e rgb(4,9,14)
```
#08121e
```
#08121e rgb(8,18,30)
```
#0c1b2d
```
#0c1b2d rgb(12,27,45)
```
#10243d
```
#10243d rgb(16,36,61)
```
#142e4c
```
#142e4c rgb(20,46,76)
```
#18375c
```
#18375c rgb(24,55,92)
```
#1d406b
```
#1d406b rgb(29,64,107)
```
#21497b
```
#21497b rgb(33,73,123)
```
#25538a
```
#25538a rgb(37,83,138)
```
#295c99
```
#295c99 rgb(41,92,153)
```
#2d65a9
```
#2d65a9 rgb(45,101,169)
```
#316eb8
```
#316eb8 rgb(49,110,184)
```
#3578c8
```
#3578c8 rgb(53,120,200)
```

Shade Color Variation

#4482cd
```
#4482cd rgb(68,130,205)
```
#538cd1
```
#538cd1 rgb(83,140,209)
```
#6397d5
```
#6397d5 rgb(99,151,213)
```
#72a1d9
```
#72a1d9 rgb(114,161,217)
```
#82abde
```
#82abde rgb(130,171,222)
```
#91b6e2
```
#91b6e2 rgb(145,182,226)
```
#a1c0e6
```
#a1c0e6 rgb(161,192,230)
```
#b0caea
```
#b0caea rgb(176,202,234)
```
#c0d5ee
```
#c0d5ee rgb(192,213,238)
```
#cfdff2
```
#cfdff2 rgb(207,223,242)
```
#dfe9f6
```
#dfe9f6 rgb(223,233,246)
```
#eef4fb
```
#eef4fb rgb(238,244,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84888d is the less saturated color, while #167efb is the most saturated one.

#84888d
```
#84888d rgb(132,136,141)
```
#7b8796
```
#7b8796 rgb(123,135,150)
```
#72869f
```
#72869f rgb(114,134,159)
```
#6885a9
```
#6885a9 rgb(104,133,169)
```
#5f85b2
```
#5f85b2 rgb(95,133,178)
```
#5684bb
```
#5684bb rgb(86,132,187)
```
#4d83c4
```
#4d83c4 rgb(77,131,196)
```
#4482cd
```
#4482cd rgb(68,130,205)
```
#3b81d6
```
#3b81d6 rgb(59,129,214)
```
#3280df
```
#3280df rgb(50,128,223)
```
#297fe8
```
#297fe8 rgb(41,127,232)
```
#207ff1
```
#207ff1 rgb(32,127,241)
```
#167efb
```
#167efb rgb(22,126,251)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6e7a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6984cc Protanopia 1% of men
#5687d0 Deuteranopia 1% of men
#1e939e Tritanopia 0.001% of the population

Trichromacy

#5b83cc Protanomaly 1% of men, 0.01% of women
#4f85cf Deuteranomaly 6% of men, 0.4% of women
#2c8daf Tritanomaly 0.01% of the population