Benannte Farbe · #DD9955
Shawarma
Shawarma ist #DD9955: rgb(221 153 85), hsl(30 67% 60%), oklch(0.736 0.118 64.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Shawarma color name →
#DD9955
oklch(0.736 0.118 64.2)
Farbumrechnungen
- HEX
- #dd9955
- RGB
- rgb(221 153 85)
- HSL
- hsl(30 67% 60%)
- HWB
- hwb(30 33% 13%)
- OKLCH
- oklch(0.736 0.118 64.2)
- OKLab
- oklab(0.736 0.051 0.106)
- CIE Lab
- lab(69.09 21.33 45.84)
- LCH
- lch(69.09 50.56 65)
- CMYK
- cmyk(0% 31% 62% 13%)
Tints · Shades · Tones
Tints
- E1A368
- E5AE79
- E9B88B
- ECC29B
- F0CCAC
- F3D6BD
- F6E1CD
- F9EBDE
- FCF5EE
Shades
- C08449
- A4703D
- 885D31
- 6E4A26
- 55381C
- 3D2711
- 261708
- 110802
- 020100
Tones
- D4975B
- CA9561
- C19266
- B8906B
- AF8D6F
- A58B73
- 9C8877
- 93867A
- 89837D
Farbharmonien
Komplementär +180°
- DD9955
Shawarma
- 64B1EE
≈ Blue Jeans
Analog -30° +30°
- DD9955
Shawarma
- EA8D77
≈ Lox
- C2A84A
≈ Deadsy
Triadisch +120° +240°
- DD9955
Shawarma
- 36C1B2
≈ Tint of Turquoise
- BA97E6
≈ Bright Lavender
Geteilt komplementär +150° +210°
- DD9955
Shawarma
- 34BCD7
≈ Holiday Blue
- 93A4F4
≈ Cold Lips
Tetradisch +90° +180° +270°
- DD9955
Shawarma
- 69BF88
≈ Young Bamboo
- 64B1EE
≈ Blue Jeans
- D78DC8
≈ Firm Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.39:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.76:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.76:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--shawarma: #dd9955;
--shawarma-rgb: 221 153 85;
--shawarma-oklch: oklch(0.736 0.118 64.2);
}
.element {
color: var(--shawarma);
background-color: hsl(30 67% 60%);
border-color: oklch(0.736 0.118 64.2);
}Tailwind CSS v4
@theme {
--color-shawarma: #dd9955;
--color-shawarma-50: #ffefd2;
--color-shawarma-100: #ffe1bf;
--color-shawarma-200: #f7cb9f;
--color-shawarma-300: #e1ac75;
--color-shawarma-400: #cf8f4f;
--color-shawarma-500: #bb731e;
--color-shawarma-600: #9e621d;
--color-shawarma-700: #7f4e17;
--color-shawarma-800: #5f3810;
--color-shawarma-900: #42260a;
--color-shawarma-950: #2b1400;
}SCSS
$shawarma: #dd9955;
$shawarma-rgb: 221, 153, 85;
$shawarma-light: mix(#fff, $shawarma, 20%);
$shawarma-dark: mix(#000, $shawarma, 20%);
.element {
color: $shawarma;
box-shadow: 0 0 0 2px rgba($shawarma, 0.35);
}