Colore con nome · #888811
Palak Paneer
Palak Paneer è #888811: rgb(136 136 17), hsl(60 78% 30%), oklch(0.607 0.128 109.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Palak Paneer color name →
#888811
oklch(0.607 0.128 109.7)
Conversioni di colore
- HEX
- #888811
- RGB
- rgb(136 136 17)
- HSL
- hsl(60 78% 30%)
- HWB
- hwb(60 7% 47%)
- OKLCH
- oklch(0.607 0.128 109.7)
- OKLab
- oklab(0.607 -0.043 0.12)
- CIE Lab
- lab(55.24 -9.63 55.6)
- LCH
- lch(55.24 56.43 99.8)
- CMYK
- cmyk(0% 0% 88% 47%)
Tinte · Ombre · Toni
Tinte
- 939437
- 9E9F51
- AAAB68
- B5B77E
- C1C393
- CDCFA9
- D9DBBE
- E6E7D4
- F2F3E9
Ombre
- 75750D
- 636309
- 525206
- 414104
- 313102
- 222201
- 131300
- 060600
- 010100
Toni
- 878729
- 868738
- 858644
- 84864E
- 838558
- 838460
- 828369
- 818271
- 818179
Armonie di colore
Complementare +180°
- 888811
Palak Paneer
- 8273C9
≈ Kickstart Purple
Analogo -30° +30°
- 888811
Palak Paneer
- AA7800
≈ Bronze
- 569447
≈ Discover Deco
Triadico +120° +240°
- 888811
Palak Paneer
- 008FBC
≈ Hawaiian Surf
- BA5F8D
≈ Beauty Queen
Complementare divisa +150° +210°
- 888811
Palak Paneer
- 5382CE
≈ Blue Sonki
- A367B2
≈ Prickly Purple
Tetradico +90° +180° +270°
- 888811
Palak Paneer
- 00949A
≈ Peacock Feather
- 8273C9
≈ Kickstart Purple
- C35F62
≈ Faded Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.76:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.57:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--palak-paneer: #888811;
--palak-paneer-rgb: 136 136 17;
--palak-paneer-oklch: oklch(0.607 0.128 109.7);
}
.element {
color: var(--palak-paneer);
background-color: hsl(60 78% 30%);
border-color: oklch(0.607 0.128 109.7);
}Tailwind CSS v4
@theme {
--color-palak-paneer: #888811;
--color-palak-paneer-50: #f6f9d0;
--color-palak-paneer-100: #e9edbc;
--color-palak-paneer-200: #d5da9b;
--color-palak-paneer-300: #b9be6f;
--color-palak-paneer-400: #a4a542;
--color-palak-paneer-500: #8d8c00;
--color-palak-paneer-600: #777700;
--color-palak-paneer-700: #5f5f01;
--color-palak-paneer-800: #474500;
--color-palak-paneer-900: #313001;
--color-palak-paneer-950: #1d1c00;
}SCSS
$palak-paneer: #888811;
$palak-paneer-rgb: 136, 136, 17;
$palak-paneer-light: mix(#fff, $palak-paneer, 20%);
$palak-paneer-dark: mix(#000, $palak-paneer, 20%);
.element {
color: $palak-paneer;
box-shadow: 0 0 0 2px rgba($palak-paneer, 0.35);
}