#487dbb hex color

In a RGB color space, hex #487dbb is composed of 28.2% red, 49% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 33.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 212.3 degrees, a saturation of 45.8% and a lightness of 50.8%. #487dbb color hex could be obtained by blending #90faff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 49
- B 73
RGB color chart
- C 61
- M 33
- Y 0
- K 27
CMYK color chart

● #487dbb color description : Moderate blue.

The hexadecimal color #487dbb has RGB values of R:72, G:125, B:187 and CMYK values of C:0.61, M:0.33, Y:0, K:0.27. Its decimal value is 4750779.

Hex triplet	487dbb	`#487dbb`
RGB Decimal	72, 125, 187	`rgb(72,125,187)`
RGB Percent	28.2, 49, 73.3	`rgb(28.2%,49%,73.3%)`
CMYK	61, 33, 0, 27
HSL	212.3°, 45.8, 50.8	`hsl(212.3,45.8%,50.8%)`
HSV (or HSB)	212.3°, 61.5, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.418, 1.623, -37.857
XYZ	18.974, 19.632, 49.8
xyY	0.215, 0.222, 19.632
CIE-LCH	51.418, 37.891, 272.455
CIE-LUV	51.418, -22.638, -57.889
Hunter-Lab	44.308, -1.1, -35.625
Binary	01001000, 01111101, 10111011

#487dbb
```
#487dbb rgb(72,125,187)
```
#bb8648
```
#bb8648 rgb(187,134,72)
```

Complementary Color

#48b7bb
```
#48b7bb rgb(72,183,187)
```
#487dbb
```
#487dbb rgb(72,125,187)
```
#4c48bb
```
#4c48bb rgb(76,72,187)
```

Analogous Color

#b7bb48
```
#b7bb48 rgb(183,187,72)
```
#487dbb
```
#487dbb rgb(72,125,187)
```
#bb4c48
```
#bb4c48 rgb(187,76,72)
```

Split Complementary Color

#7dbb48
```
#7dbb48 rgb(125,187,72)
```
#487dbb
```
#487dbb rgb(72,125,187)
```
#bb487d
```
#bb487d rgb(187,72,125)
```

Triadic Color

#48bb86
```
#48bb86 rgb(72,187,134)
```
#487dbb
```
#487dbb rgb(72,125,187)
```
#bb487d
```
#bb487d rgb(187,72,125)
```
#bb8648
```
#bb8648 rgb(187,134,72)
```

Tetradic Color

#315885
```
#315885 rgb(49,88,133)
```
#386498
```
#386498 rgb(56,100,152)
```
#3f71aa
```
#3f71aa rgb(63,113,170)
```
#487dbb
```
#487dbb rgb(72,125,187)
```
#5b8ac2
```
#5b8ac2 rgb(91,138,194)
```
#6d97c9
```
#6d97c9 rgb(109,151,201)
```
#80a5d0
```
#80a5d0 rgb(128,165,208)
```

Monochromatic Color

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

#489abb
```
#489abb rgb(72,154,187)
```
#4890bb
```
#4890bb rgb(72,144,187)
```
#4887bb
```
#4887bb rgb(72,135,187)
```
#487dbb
```
#487dbb rgb(72,125,187)
```
#4873bb
```
#4873bb rgb(72,115,187)
```
#486abb
```
#486abb rgb(72,106,187)
```
#4860bb
```
#4860bb rgb(72,96,187)
```

Similar Colors

Text with hexadecimal color #487dbb

This text has a font color of #487dbb.

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

#487dbb background color

This paragraph has a background color of #487dbb.

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

#487dbb border color

This element has a border color of #487dbb.

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

CSS codes

.text {color:#487dbb;}

.background {background-color:#487dbb;}

.border {border:1px solid #487dbb;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0c1520
```
#0c1520 rgb(12,21,32)
```
#111e2e
```
#111e2e rgb(17,30,46)
```
#16283c
```
#16283c rgb(22,40,60)
```
#1c314a
```
#1c314a rgb(28,49,74)
```
#213b59
```
#213b59 rgb(33,59,89)
```
#264467
```
#264467 rgb(38,68,103)
```
#2c4e75
```
#2c4e75 rgb(44,78,117)
```
#315784
```
#315784 rgb(49,87,132)
```
#366092
```
#366092 rgb(54,96,146)
```
#3c6aa0
```
#3c6aa0 rgb(60,106,160)
```
#4173af
```
#4173af rgb(65,115,175)
```

Shade Color Variation

#487dbb
```
#487dbb rgb(72,125,187)
```
#5687c0
```
#5687c0 rgb(86,135,192)
```
#6591c6
```
#6591c6 rgb(101,145,198)
```
#739bcb
```
#739bcb rgb(115,155,203)
```
#81a6d0
```
#81a6d0 rgb(129,166,208)
```
#90b0d6
```
#90b0d6 rgb(144,176,214)
```
#9ebadb
```
#9ebadb rgb(158,186,219)
```
#acc4e0
```
#acc4e0 rgb(172,196,224)
```
#bacee6
```
#bacee6 rgb(186,206,230)
```
#c9d8eb
```
#c9d8eb rgb(201,216,235)
```
#d7e3f0
```
#d7e3f0 rgb(215,227,240)
```
#e5edf5
```
#e5edf5 rgb(229,237,245)
```
#f4f7fb
```
#f4f7fb rgb(244,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78818b is the less saturated color, while #0478ff is the most saturated one.

#78818b
```
#78818b rgb(120,129,139)
```
#6f8094
```
#6f8094 rgb(111,128,148)
```
#657f9e
```
#657f9e rgb(101,127,158)
```
#5b7fa8
```
#5b7fa8 rgb(91,127,168)
```
#527eb1
```
#527eb1 rgb(82,126,177)
```
#487dbb
```
#487dbb rgb(72,125,187)
```
#3e7cc5
```
#3e7cc5 rgb(62,124,197)
```
#357bce
```
#357bce rgb(53,123,206)
```
#2b7bd8
```
#2b7bd8 rgb(43,123,216)
```
#217ae2
```
#217ae2 rgb(33,122,226)
```
#1879eb
```
#1879eb rgb(24,121,235)
```
#0e78f5
```
#0e78f5 rgb(14,120,245)
```
#0478ff
```
#0478ff rgb(4,120,255)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6b7682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7fbb Protanopia 1% of men
#5f81bf Deuteranopia 1% of men
#388c96 Tritanopia 0.001% of the population

Trichromacy

#5e7ebb Protanomaly 1% of men, 0.01% of women
#567fbd Deuteranomaly 6% of men, 0.4% of women
#3e86a3 Tritanomaly 0.01% of the population

#487dbb hex color

#487dbb Color Information

#487dbb Color Conversion

Color Schemes with #487dbb

Alternatives to #487dbb

#487dbb Preview

Shades and Tints of #487dbb

Tones of #487dbb

Color Blindness Simulator