Benannte Farbe · #E1B270
Demerara Sugar
Demerara Sugar ist #E1B270: rgb(225 178 112), hsl(35 65% 66%), oklch(0.792 0.1 74.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Demerara Sugar color name →
#E1B270
oklch(0.792 0.1 74.9)
Farbumrechnungen
- HEX
- #e1b270
- RGB
- rgb(225 178 112)
- HSL
- hsl(35 65% 66%)
- HWB
- hwb(35 44% 12%)
- OKLCH
- oklch(0.792 0.1 74.9)
- OKLab
- oklab(0.792 0.026 0.096)
- CIE Lab
- lab(75.85 11.83 40.38)
- LCH
- lch(75.85 42.08 73.7)
- CMYK
- cmyk(0% 21% 50% 12%)
Tints · Shades · Tones
Tints
- E4BA7F
- E7C28E
- EBC99C
- EED1AB
- F1D9B9
- F4E0C7
- F7E8D5
- F9F0E3
- FCF7F1
Shades
- C49A60
- A78351
- 8B6D43
- 705735
- 564327
- 3E2F1A
- 271D0E
- 120C04
- 020101
Tones
- D7AD73
- CDA875
- C3A377
- BA9E79
- B0997B
- A6947C
- 9D8F7E
- 938A7F
- 89857F
Farbharmonien
Komplementär +180°
- E1B270
Demerara Sugar
- 8FBEFB
≈ Scenic Water
Analog -30° +30°
- E1B270
Demerara Sugar
- F1A785
≈ Coral Dust
- C5BF71
≈ Go Go Lime
Triadisch +120° +240°
- E1B270
Demerara Sugar
- 62CFCF
≈ Petrichor
- D3A8E8
≈ Tropical Violet
Geteilt komplementär +150° +210°
- E1B270
Demerara Sugar
- 6EC9EB
≈ Spritzig
- B4B2F9
≈ Winterspring Lilac
Tetradisch +90° +180° +270°
- E1B270
Demerara Sugar
- 79D0AB
≈ Crystal Gem
- 8FBEFB
≈ Scenic Water
- EAA1CA
≈ Be My Valentine
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.94:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.80:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--demerara-sugar: #e1b270;
--demerara-sugar-rgb: 225 178 112;
--demerara-sugar-oklch: oklch(0.792 0.1 74.9);
}
.element {
color: var(--demerara-sugar);
background-color: hsl(35 65% 66%);
border-color: oklch(0.792 0.1 74.9);
}Tailwind CSS v4
@theme {
--color-demerara-sugar: #e1b270;
--color-demerara-sugar-50: #fff2d6;
--color-demerara-sugar-100: #fbe4c3;
--color-demerara-sugar-200: #edcfa5;
--color-demerara-sugar-300: #d5b17d;
--color-demerara-sugar-400: #c19658;
--color-demerara-sugar-500: #ad7c2f;
--color-demerara-sugar-600: #92692a;
--color-demerara-sugar-700: #755421;
--color-demerara-sugar-800: #573c16;
--color-demerara-sugar-900: #3d290e;
--color-demerara-sugar-950: #261702;
}SCSS
$demerara-sugar: #e1b270;
$demerara-sugar-rgb: 225, 178, 112;
$demerara-sugar-light: mix(#fff, $demerara-sugar, 20%);
$demerara-sugar-dark: mix(#000, $demerara-sugar, 20%);
.element {
color: $demerara-sugar;
box-shadow: 0 0 0 2px rgba($demerara-sugar, 0.35);
}