Colore con nome · #EE8833
Creole Sauce
Creole Sauce è #EE8833: rgb(238 136 51), hsl(27 85% 57%), oklch(0.724 0.156 55.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Creole Sauce color name →
#EE8833
oklch(0.724 0.156 55.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F1954E
- F4A165
- F6AD79
- F8B98D
- FAC5A0
- FCD1B4
- FDDCC6
- FEE8D9
- FFF3EC
Ombre
- CF752B
- B16323
- 93521C
- 774114
- 5C310D
- 422207
- 2A1303
- 140601
- 030100
Toni
- E38841
- D9884B
- CE8854
- C3875D
- B88664
- AD856A
- A28470
- 978376
- 8C827B
Armonie di colore
Complementare +180°
- EE8833
Creole Sauce
- 00B3F9
≈ Democrat
Analogo -30° +30°
- EE8833
Creole Sauce
- F87A71
≈ Hipster Salmon
- CF9D00
≈ Lepton Gold
Triadico +120° +240°
- EE8833
Creole Sauce
- 00C1A2
≈ First Post
- AF8FFC
≈ Lilac Geode
Complementare divisa +150° +210°
- EE8833
Creole Sauce
- 00BBCB
≈ Panorama Blue
- 7BA2FF
≈ Fennel Flower
Tetradico +90° +180° +270°
- EE8833
Creole Sauce
- 5CBF67
≈ Emerald Cory
- 00B3F9
≈ Democrat
- D780DA
≈ Hibiscus Pop
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.20:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
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);
}