#d84800 color style guide 3oneseven.com

#d84800 style guide

hex #d84800 is composed of 84.7% red, 28.2% green and 0% blue.
In a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 100% yellow and 15.3% black.
Hue angle is 20 degrees, a saturation of 100% and a lightness of 42.4%.
#d84800 color hex is obtained by blending #ff9000 with #b10000.

    • R 85
    • G


      28

    • B


      0

    strong>RGB color chart

    • C


      0

    • M


      67

    • Y


      100

    • K


      15

    CMYK color chart

#d84800 color description : Strong orange.

#d84800 Color Conversion

The hexadecimal color #d84800 has RGB values of R:216, G:72, B:0 and CMYK values of C:0, M:0.67, Y:1, K:0.15.
Its decimal value is 14174208.

Hex tripletd84800#d84800
RGB Decimal216, 72, 0rgb(216,72,0)
RGB Percent84.7, 28.2, 0rgb(84.7%,28.2%,0%)
CMYK0, 67, 100, 15
HSL20°, 100, 42.4hsl(20,100%,42.4%)
HSV (or HSB)20°, 100, 84.7
Web Safecc3300#cc3300
CIE-LAB50.964, 54.192, 61.82
XYZ30.638, 19.237, 2.1
xyY0.589, 0.37, 19.237
CIE-LCH50.964, 82.21, 48.762
CIE-LUV50.964, 118.371, 42.12
Hunter-Lab43.86, 47.932, 27.864
Binary11011000, 01001000, 00000000

Color Schemes with #d84800

Complementary Color

Analogous Color

Split Complementary Color

Triadic Color

Alternatives to #d84800

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

#d84800 Preview

Text with hexadecimal color #d84800

This text has a font color of #d84800.

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

This paragraph has a background color of #d84800.

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

This element has a border color of #d84800.

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

.text {color:#d84800;}
.background {background-color:#d84800;}
.border {border:1px solid #d84800;}

Shades and Tints of #d84800

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

Tones of #d84800

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

Color Blindness Simulator

Below, you can see how #d84800 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
  • #6b6b6bAchromatopsia0.005% of the population
  • #816456Atypical Achromatopsia0.001% of the population
Dichromacy
Trichromacy
  • #aa6c10Protanomaly1% of men, 0.01% of women
  • #b46800Deuteranomaly6% of men, 0.4% of women
  • #da4a32Tritanomaly0.01% of the population
orange stairs

Orange gedicht

Kennst du das Land, wo die Zitronen blühn,
im dunklen Laub die Goldorangen glühn,
ein sanfter Wind vom blauen Himmel weht,
die Myrthe still und hoch der Lorbeer steht?
Kennst du es wohl?
Dahin, dahin möcht ich mit dir, o mein Geliebter, ziehn!

Kennst du das Haus? Auf Säulen ruht sein Dach.
Es glänzt der Saal, es schimmert das Gemach,
und Mamorbilder stehn und sehn mich an:
Was hat man dir, du armes Kind, getan? –
Kennst du es wohl?
Dahin, dahin möcht ich mit dir, o mein Beschützer, ziehn!

Kennst du den Berg und seinen Wolkensteg?
Das Maultier sucht im Nebel seinen Weg.
In Höhlen wohnt der Drachen alte Brut.
Es stürzt der Fels und über ihn die Flut.
Kennst du es wohl?
Dahin, dahin geht unser Weg.
O Vater, laß uns ziehn!

(Johann Wolfgang von Goethe, Mignon, aus: Wilhelm Meisters Lehrjahre, 3. Buch, 1. Kapitel)


#d84800 color style guide 3oneseven.com

#d84800 color style guide 3oneseven.com




CSS

CSS, Cascading Style Sheets describes the presentation semantics of a document written in markup language. CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts.

Good design just works

Find out more

Projects

Designed with emotion

Ideas

Your ideas are important to you. Let's make it happen.

Find out how

How

Starting with a project definition