Colore con nome · #CC8822
Chicken Masala
Chicken Masala è #CC8822: rgb(204 136 34), hsl(36 71% 47%), oklch(0.68 0.136 71.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Chicken Masala color name →
#CC8822
oklch(0.68 0.136 71.1)
Conversioni di colore
- HEX
- #cc8822
- RGB
- rgb(204 136 34)
- HSL
- hsl(36 71% 47%)
- HWB
- hwb(36 13% 20%)
- OKLCH
- oklch(0.68 0.136 71.1)
- OKLab
- oklab(0.68 0.044 0.129)
- CIE Lab
- lab(62.66 21.11 60.5)
- LCH
- lch(62.66 64.07 70.8)
- CMYK
- cmyk(0% 33% 83% 20%)
Tinte · Ombre · Toni
Tinte
- D29442
- D7A05B
- DDAC71
- E2B886
- E7C49A
- ECD0AF
- F1DBC3
- F6E7D7
- FAF3EB
Ombre
- B1751C
- 976316
- 7E5211
- 65410B
- 4E3107
- 372203
- 221301
- 0F0600
- 020100
Toni
- C58834
- BD8741
- B6874C
- AE8656
- A7855E
- 9F8566
- 97846D
- 908374
- 88817A
Armonie di colore
Complementare +180°
- CC8822
Chicken Masala
- 529CE9
≈ Perfect Days
Analogo -30° +30°
- CC8822
Chicken Masala
- DD7953
≈ Peachy Scene
- AB9A19
≈ Lucky
Triadico +120° +240°
- CC8822
Chicken Masala
- 00AFAA
≈ Tropical Tree
- B37ED6
≈ Lavender Blossom
Complementare divisa +150° +210°
- CC8822
Chicken Masala
- 00A9CE
≈ Gummy Dolphins
- 8A8DEA
≈ Perrywinkle
Tetradico +90° +180° +270°
- CC8822
Chicken Masala
- 30B27D
≈ Salsify Grass
- 529CE9
≈ Perfect Days
- D074B1
≈ Sky Magenta
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.95:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.11:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--chicken-masala: #cc8822;
--chicken-masala-rgb: 204 136 34;
--chicken-masala-oklch: oklch(0.68 0.136 71.1);
}
.element {
color: var(--chicken-masala);
background-color: hsl(36 71% 47%);
border-color: oklch(0.68 0.136 71.1);
}Tailwind CSS v4
@theme {
--color-chicken-masala: #cc8822;
--color-chicken-masala-50: #fff0cb;
--color-chicken-masala-100: #ffe2b6;
--color-chicken-masala-200: #f8cc93;
--color-chicken-masala-300: #e2ac65;
--color-chicken-masala-400: #d08f35;
--color-chicken-masala-500: #bd7300;
--color-chicken-masala-600: #9f6200;
--color-chicken-masala-700: #804e00;
--color-chicken-masala-800: #603800;
--color-chicken-masala-900: #432600;
--color-chicken-masala-950: #2b1400;
}SCSS
$chicken-masala: #cc8822;
$chicken-masala-rgb: 204, 136, 34;
$chicken-masala-light: mix(#fff, $chicken-masala, 20%);
$chicken-masala-dark: mix(#000, $chicken-masala, 20%);
.element {
color: $chicken-masala;
box-shadow: 0 0 0 2px rgba($chicken-masala, 0.35);
}