Colore con nome · #ABCA99
Oh Pistachio
Oh Pistachio è #ABCA99: rgb(171 202 153), hsl(98 32% 70%), oklch(0.803 0.075 134.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Oh Pistachio color name →
#ABCA99
oklch(0.803 0.075 134.2)
Conversioni di colore
- HEX
- #abca99
- RGB
- rgb(171 202 153)
- HSL
- hsl(98 32% 70%)
- HWB
- hwb(98 60% 21%)
- OKLCH
- oklch(0.803 0.075 134.2)
- OKLab
- oklab(0.803 -0.052 0.054)
- CIE Lab
- lab(78.07 -17.47 20.97)
- LCH
- lch(78.07 27.29 129.8)
- CMYK
- cmyk(15% 0% 24% 21%)
Tinte · Ombre · Toni
Tinte
- B3CFA3
- BBD5AD
- C4DAB7
- CCDFC1
- D5E5CC
- DDEAD6
- E5EFE0
- EEF4EA
- F6FAF5
Ombre
- 94AF84
- 7E9570
- 687C5D
- 54644A
- 404D38
- 2D3727
- 1B2217
- 0B0F08
- 010201
Toni
- A7C297
- A2BB94
- 9EB392
- 9AAC8F
- 95A48D
- 919D8B
- 8D9688
- 898E85
- 848783
Armonie di colore
Complementare +180°
- ABCA99
Oh Pistachio
- D1B1E1
≈ Whisper of Plum
Analogo -30° +30°
- ABCA99
Oh Pistachio
- C6C289
≈ Fiddlehead Fern
- 91CFB2
≈ Vile Green
Triadico +120° +240°
- ABCA99
Oh Pistachio
- 9EC2EF
≈ Sail to the Sea
- EBABB0
≈ Hibiscus Petal
Complementare divisa +150° +210°
- ABCA99
Oh Pistachio
- B8B9EE
≈ Purple Illusion
- E3ACCB
≈ Pink Bliss
Tetradico +90° +180° +270°
- ABCA99
Oh Pistachio
- 89CAE3
≈ Gossamer Threads
- D1B1E1
≈ Whisper of Plum
- E9B098
≈ Sweet Marmalade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.80:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.63:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--oh-pistachio: #abca99;
--oh-pistachio-rgb: 171 202 153;
--oh-pistachio-oklch: oklch(0.803 0.075 134.2);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(98 32% 70%);
border-color: oklch(0.803 0.075 134.2);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #abca99;
--color-oh-pistachio-50: #ecfbe5;
--color-oh-pistachio-100: #ddeed6;
--color-oh-pistachio-200: #c6dcbd;
--color-oh-pistachio-300: #a6c19b;
--color-oh-pistachio-400: #8ca97c;
--color-oh-pistachio-500: #71915e;
--color-oh-pistachio-600: #607b50;
--color-oh-pistachio-700: #4d6240;
--color-oh-pistachio-800: #39482d;
--color-oh-pistachio-900: #27321e;
--color-oh-pistachio-950: #151e0e;
}SCSS
$oh-pistachio: #abca99;
$oh-pistachio-rgb: 171, 202, 153;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}