⤺ color picker
0
Reddit

#4682b4 Color Hex (steel blue)

Hex color #4682b4, RGB(70, 130, 180) - also known as steel blue - code, conversions, schemes and color harmonies, as well as examples of use in HTML and CSS.


The hex color code #4682b4 is a shade of blue-cyan. In a RGB color space it is composed of 27.45% red, 50.98% green and 70.59% blue. In HSL notation it has 207.3° hue, 44% saturation and 49% lightness. The process color (CMYK) is combination of 61.11% cyan, 27.78% magenta, 0% yellow and 29.41% key (black). The closest short hexadecimal code of #4682b4 is #48b.

Color information

  • #4682b4 is a shade of blue-cyan.
  • Blue is dominant among the three primary colors (RGB).
  • CMYK color proportions:
    • Cyan: 61.11%
    • Magenta: 27.78%
    • Yellow: 0%
    • Key color - black: 29.41%
  • In the HSL model coordinates are:
    • Hue: 207.3° degrees
    • Saturation: 44%
    • Lightness: 49%
  • The values in the RGB color space are:
    • Red: 70 (27.45%)
    • Green: 130 (50.98%)
    • Blue: 180 (70.59%)

Conversions

Hex:
#4682b4
CMYK:
C: 61.11%, M: 27.78%, Y: 0%, K: 29.41%
RGB:
R: 70, G: 130, B: 180
HSL:
H: 207.3°, S: 44%, L: 49%

Color harmonies

#4682b4 color HTML and CSS codes

Example CSS code:

.setFontColor { color: #4682b4; }
.setBackgroundColor { background-color: #4682b4; }

#4682b4 text/font color

How to set font color?

<p style="color:#4682b4">Font color is #4682b4.</p>

Font color is #4682b4.

When you photograph people in color, you photograph their clothes. But when you photograph people in Black and white, you photograph their souls!
- Ted Grant

#4682b4 background color

How to set background color?

<div style="background-color:#4682b4">Background color is #4682b4.</div>

Background color is #4682b4.

Every person has their own colour.
- Haruki Murakami, Colorless Tsukuru Tazaki and His Years of Pilgrimage