Benannte Farbe · #EE8833
Creole Sauce
Creole Sauce ist #EE8833: rgb(238 136 51), hsl(27 85% 57%), oklch(0.724 0.156 55.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Creole Sauce color name →
#EE8833
oklch(0.724 0.156 55.8)
Farbumrechnungen
- HEX
- #ee8833
- RGB
- rgb(238 136 51)
- HSL
- hsl(27 85% 57%)
- HWB
- hwb(27 20% 7%)
- OKLCH
- oklch(0.724 0.156 55.8)
- OKLab
- oklab(0.724 0.088 0.129)
- CIE Lab
- lab(67.18 35.61 60.2)
- LCH
- lch(67.18 69.94 59.4)
- CMYK
- cmyk(0% 43% 79% 7%)
Tints · Shades · Tones
Tints
- F1954E
- F4A165
- F6AD79
- F8B98D
- FAC5A0
- FCD1B4
- FDDCC6
- FEE8D9
- FFF3EC
Shades
- CF752B
- B16323
- 93521C
- 774114
- 5C310D
- 422207
- 2A1303
- 140601
- 030100
Tones
- E38841
- D9884B
- CE8854
- C3875D
- B88664
- AD856A
- A28470
- 978376
- 8C827B
Farbharmonien
Komplementär +180°
- EE8833
Creole Sauce
- 00B3F9
≈ Democrat
Analog -30° +30°
- EE8833
Creole Sauce
- F87A71
≈ Hipster Salmon
- CF9D00
≈ Lepton Gold
Triadisch +120° +240°
- EE8833
Creole Sauce
- 00C1A2
≈ First Post
- AF8FFC
≈ Lilac Geode
Geteilt komplementär +150° +210°
- EE8833
Creole Sauce
- 00BBCB
≈ Panorama Blue
- 7BA2FF
≈ Fennel Flower
Tetradisch +90° +180° +270°
- EE8833
Creole Sauce
- 5CBF67
≈ Emerald Cory
- 00B3F9
≈ Democrat
- D780DA
≈ Hibiscus Pop
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.20:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--creole-sauce: #ee8833;
--creole-sauce-rgb: 238 136 51;
--creole-sauce-oklch: oklch(0.724 0.156 55.8);
}
.element {
color: var(--creole-sauce);
background-color: hsl(27 85% 57%);
border-color: oklch(0.724 0.156 55.8);
}Tailwind CSS v4
@theme {
--color-creole-sauce: #ee8833;
--color-creole-sauce-50: #ffebca;
--color-creole-sauce-100: #ffdcb5;
--color-creole-sauce-200: #ffc491;
--color-creole-sauce-300: #f3a263;
--color-creole-sauce-400: #e38334;
--color-creole-sauce-500: #d06300;
--color-creole-sauce-600: #b05400;
--color-creole-sauce-700: #8d4300;
--color-creole-sauce-800: #6a3000;
--color-creole-sauce-900: #4b2000;
--color-creole-sauce-950: #310f00;
}SCSS
$creole-sauce: #ee8833;
$creole-sauce-rgb: 238, 136, 51;
$creole-sauce-light: mix(#fff, $creole-sauce, 20%);
$creole-sauce-dark: mix(#000, $creole-sauce, 20%);
.element {
color: $creole-sauce;
box-shadow: 0 0 0 2px rgba($creole-sauce, 0.35);
}