Colore con nome · #C9B27C
Roasted Pistachio
Roasted Pistachio è #C9B27C: rgb(201 178 124), hsl(42 42% 64%), oklch(0.771 0.076 87.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Roasted Pistachio color name →
#C9B27C
oklch(0.771 0.076 87.5)
Conversioni di colore
- HEX
- #c9b27c
- RGB
- rgb(201 178 124)
- HSL
- hsl(42 42% 64%)
- HWB
- hwb(42 49% 21%)
- OKLCH
- oklch(0.771 0.076 87.5)
- OKLab
- oklab(0.771 0.003 0.076)
- CIE Lab
- lab(73.63 2.91 30.82)
- LCH
- lch(73.63 30.96 84.6)
- CMYK
- cmyk(0% 11% 38% 21%)
Tinte · Ombre · Toni
Tinte
- CEBA89
- D4C196
- D9C9A3
- DED1B0
- E4D8BD
- E9E0CA
- EFE8D8
- F4EFE5
- FAF7F2
Ombre
- AE9A6B
- 95835A
- 7C6D4A
- 64573B
- 4C432C
- 362F1E
- 221D11
- 0F0C05
- 020101
Toni
- C1AD7D
- BAA87E
- B3A37F
- AB9E7F
- A49980
- 9D9480
- 958F80
- 8E8A80
- 878580
Armonie di colore
Complementare +180°
- C9B27C
Roasted Pistachio
- 9FB3E6
≈ Myrtle Flower
Analogo -30° +30°
- C9B27C
Roasted Pistachio
- DAA985
≈ Sweet Sue
- B0BB84
≈ Nile
Triadico +120° +240°
- C9B27C
Roasted Pistachio
- 78C2CD
≈ Meltwater
- CFA4CE
≈ Geranium Bud
Complementare divisa +150° +210°
- C9B27C
Roasted Pistachio
- 86BCDF
≈ Frozen Whisper
- B9ABDF
≈ Purple Hibiscus
Tetradico +90° +180° +270°
- C9B27C
Roasted Pistachio
- 7EC5B4
≈ Monte Carlo
- 9FB3E6
≈ Myrtle Flower
- DDA1B5
≈ Pink Gin
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.14:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--roasted-pistachio: #c9b27c;
--roasted-pistachio-rgb: 201 178 124;
--roasted-pistachio-oklch: oklch(0.771 0.076 87.5);
}
.element {
color: var(--roasted-pistachio);
background-color: hsl(42 42% 64%);
border-color: oklch(0.771 0.076 87.5);
}Tailwind CSS v4
@theme {
--color-roasted-pistachio: #c9b27c;
--color-roasted-pistachio-50: #fef5dd;
--color-roasted-pistachio-100: #f2e7cc;
--color-roasted-pistachio-200: #e1d3b0;
--color-roasted-pistachio-300: #c7b68b;
--color-roasted-pistachio-400: #b19c6a;
--color-roasted-pistachio-500: #9c8348;
--color-roasted-pistachio-600: #836f3e;
--color-roasted-pistachio-700: #695931;
--color-roasted-pistachio-800: #4e4022;
--color-roasted-pistachio-900: #362c17;
--color-roasted-pistachio-950: #211908;
}SCSS
$roasted-pistachio: #c9b27c;
$roasted-pistachio-rgb: 201, 178, 124;
$roasted-pistachio-light: mix(#fff, $roasted-pistachio, 20%);
$roasted-pistachio-dark: mix(#000, $roasted-pistachio, 20%);
.element {
color: $roasted-pistachio;
box-shadow: 0 0 0 2px rgba($roasted-pistachio, 0.35);
}