Colore con nome · #A89942
Prickly Pear
Prickly Pear è #A89942: rgb(168 153 66), hsl(51 44% 46%), oklch(0.679 0.109 99.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Prickly Pear color name →
#A89942
oklch(0.679 0.109 99.6)
Conversioni di colore
- HEX
- #a89942
- RGB
- rgb(168 153 66)
- HSL
- hsl(51 44% 46%)
- HWB
- hwb(51 26% 34%)
- OKLCH
- oklch(0.679 0.109 99.6)
- OKLab
- oklab(0.679 -0.018 0.108)
- CIE Lab
- lab(63.24 -2.3 46.59)
- LCH
- lch(63.24 46.64 92.8)
- CMYK
- cmyk(0% 9% 61% 34%)
Tinte · Ombre · Toni
Tinte
- B0A357
- B9AD6B
- C1B77E
- CAC191
- D2CCA3
- DBD6B5
- E4E0C8
- EDEADA
- F6F5EC
Ombre
- 928438
- 7C702F
- 675D25
- 524A1C
- 3F3814
- 2C270B
- 1A1705
- 0A0801
- 010100
Toni
- A4974B
- A09453
- 9C925A
- 988F61
- 948D67
- 908B6C
- 8C8872
- 888577
- 84837B
Armonie di colore
Complementare +180°
- A89942
Prickly Pear
- 8A90DA
≈ Portage
Analogo -30° +30°
- A89942
Prickly Pear
- C38B47
≈ Golden Leaf
- 82A55B
≈ Springview Green
Triadico +120° +240°
- A89942
Prickly Pear
- 33A7C6
≈ Laguna
- C47DAD
≈ Strawberry Freeze
Complementare divisa +150° +210°
- A89942
Prickly Pear
- 609DD8
≈ Blue Bay
- AC85CA
≈ Wisteria
Tetradico +90° +180° +270°
- A89942
Prickly Pear
- 28ADA6
≈ Tropical Tree
- 8A90DA
≈ Portage
- D17A89
≈ Dusky Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.87:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.30:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.30:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--prickly-pear: #a89942;
--prickly-pear-rgb: 168 153 66;
--prickly-pear-oklch: oklch(0.679 0.109 99.6);
}
.element {
color: var(--prickly-pear);
background-color: hsl(51 44% 46%);
border-color: oklch(0.679 0.109 99.6);
}Tailwind CSS v4
@theme {
--color-prickly-pear: #a89942;
--color-prickly-pear-50: #fbf7d3;
--color-prickly-pear-100: #efeac0;
--color-prickly-pear-200: #ddd6a1;
--color-prickly-pear-300: #c3ba77;
--color-prickly-pear-400: #aea04f;
--color-prickly-pear-500: #98871c;
--color-prickly-pear-600: #80721c;
--color-prickly-pear-700: #675b16;
--color-prickly-pear-800: #4d420d;
--color-prickly-pear-900: #352e08;
--color-prickly-pear-950: #211a00;
}SCSS
$prickly-pear: #a89942;
$prickly-pear-rgb: 168, 153, 66;
$prickly-pear-light: mix(#fff, $prickly-pear, 20%);
$prickly-pear-dark: mix(#000, $prickly-pear, 20%);
.element {
color: $prickly-pear;
box-shadow: 0 0 0 2px rgba($prickly-pear, 0.35);
}