Colore con nome · #AD9E4B
Queen Palm
Queen Palm è #AD9E4B: rgb(173 158 75), hsl(51 40% 49%), oklch(0.695 0.106 99.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Queen Palm color name →
#AD9E4B
oklch(0.695 0.106 99.2)
Conversioni di colore
- HEX
- #ad9e4b
- RGB
- rgb(173 158 75)
- HSL
- hsl(51 40% 49%)
- HWB
- hwb(51 29% 32%)
- OKLCH
- oklch(0.695 0.106 99.2)
- OKLab
- oklab(0.695 -0.017 0.104)
- CIE Lab
- lab(65.15 -2.19 44.62)
- LCH
- lch(65.15 44.67 92.8)
- CMYK
- cmyk(0% 9% 57% 32%)
Tinte · Ombre · Toni
Tinte
- B5A85F
- BDB172
- C5BB84
- CDC595
- D5CEA7
- DDD8B9
- E6E2CA
- EEEBDC
- F6F5ED
Ombre
- 968940
- 7F7435
- 6A602B
- 554D21
- 413A17
- 2D290E
- 1B1806
- 0B0902
- 010100
Toni
- A89B53
- A49859
- 9F955F
- 9B9265
- 968F6A
- 928C6F
- 8D8974
- 898678
- 84837C
Armonie di colore
Complementare +180°
- AD9E4B
Queen Palm
- 8F96DE
≈ Portage
Analogo -30° +30°
- AD9E4B
Queen Palm
- C79050
≈ Slightly Golden
- 88AA62
≈ Chelsea Cucumber
Triadico +120° +240°
- AD9E4B
Queen Palm
- 3FACC9
≈ Dragonfly Blue
- C883B2
≈ Ice Plant
Complementare divisa +150° +210°
- AD9E4B
Queen Palm
- 67A2DC
≈ Windjammer
- B08ACF
≈ Middy’s Purple
Tetradico +90° +180° +270°
- AD9E4B
Queen Palm
- 38B2AA
≈ Island Moment
- 8F96DE
≈ Portage
- D5808F
≈ I Pink I Can
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.70:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.76:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.76:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--queen-palm: #ad9e4b;
--queen-palm-rgb: 173 158 75;
--queen-palm-oklch: oklch(0.695 0.106 99.2);
}
.element {
color: var(--queen-palm);
background-color: hsl(51 40% 49%);
border-color: oklch(0.695 0.106 99.2);
}Tailwind CSS v4
@theme {
--color-queen-palm: #ad9e4b;
--color-queen-palm-50: #fbf7d4;
--color-queen-palm-100: #efeac1;
--color-queen-palm-200: #ddd6a2;
--color-queen-palm-300: #c3ba79;
--color-queen-palm-400: #aea052;
--color-queen-palm-500: #988723;
--color-queen-palm-600: #807221;
--color-queen-palm-700: #675b1a;
--color-queen-palm-800: #4d4210;
--color-queen-palm-900: #352e0a;
--color-queen-palm-950: #201a00;
}SCSS
$queen-palm: #ad9e4b;
$queen-palm-rgb: 173, 158, 75;
$queen-palm-light: mix(#fff, $queen-palm, 20%);
$queen-palm-dark: mix(#000, $queen-palm, 20%);
.element {
color: $queen-palm;
box-shadow: 0 0 0 2px rgba($queen-palm, 0.35);
}