Colore con nome · #AFA97D
Thimbleberry Leaf
Thimbleberry Leaf è #AFA97D: rgb(175 169 125), hsl(53 24% 59%), oklch(0.729 0.06 101.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Thimbleberry Leaf color name →
#AFA97D
oklch(0.729 0.06 101.2)
Conversioni di colore
- HEX
- #afa97d
- RGB
- rgb(175 169 125)
- HSL
- hsl(53 24% 59%)
- HWB
- hwb(53 49% 31%)
- OKLCH
- oklch(0.729 0.06 101.2)
- OKLab
- oklab(0.729 -0.012 0.059)
- CIE Lab
- lab(68.91 -2.97 23.61)
- LCH
- lch(68.91 23.8 97.2)
- CMYK
- cmyk(0% 3% 29% 31%)
Tinte · Ombre · Toni
Tinte
- B7B18A
- BEBA97
- C6C2A3
- CECBB0
- D6D3BD
- DEDCCA
- E6E5D7
- EEEDE4
- F7F6F2
Ombre
- 98926C
- 817C5B
- 6B674B
- 56533B
- 413F2C
- 2E2C1E
- 1C1B11
- 0B0A05
- 010101
Toni
- AAA57E
- A5A17E
- A19D7F
- 9C997F
- 97947F
- 929080
- 8E8C80
- 898880
- 858480
Armonie di colore
Complementare +180°
- AFA97D
Thimbleberry Leaf
- A0A3CD
≈ Water Hyacinth
Analogo -30° +30°
- AFA97D
Thimbleberry Leaf
- C0A17E
≈ Real Cork
- 9AB088
≈ Venetian Glass
Triadico +120° +240°
- AFA97D
Thimbleberry Leaf
- 7DB1C2
≈ Heavenly
- C299B3
≈ Lady’s Cushions Pink
Complementare divisa +150° +210°
- AFA97D
Thimbleberry Leaf
- 8CABCD
≈ Northern Sky
- B49DC4
≈ Crocus Petal
Tetradico +90° +180° +270°
- AFA97D
Thimbleberry Leaf
- 7AB4B0
≈ Spring Water Turquoise
- A0A3CD
≈ Water Hyacinth
- CA989E
≈ Twice Shy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.38:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.79:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--thimbleberry-leaf: #afa97d;
--thimbleberry-leaf-rgb: 175 169 125;
--thimbleberry-leaf-oklch: oklch(0.729 0.06 101.2);
}
.element {
color: var(--thimbleberry-leaf);
background-color: hsl(53 24% 59%);
border-color: oklch(0.729 0.06 101.2);
}Tailwind CSS v4
@theme {
--color-thimbleberry-leaf: #afa97d;
--color-thimbleberry-leaf-50: #f8f6e3;
--color-thimbleberry-leaf-100: #ebe9d2;
--color-thimbleberry-leaf-200: #d8d6b9;
--color-thimbleberry-leaf-300: #bcb996;
--color-thimbleberry-leaf-400: #a6a077;
--color-thimbleberry-leaf-500: #8e8858;
--color-thimbleberry-leaf-600: #78734b;
--color-thimbleberry-leaf-700: #605c3c;
--color-thimbleberry-leaf-800: #47432a;
--color-thimbleberry-leaf-900: #312e1c;
--color-thimbleberry-leaf-950: #1d1b0d;
}SCSS
$thimbleberry-leaf: #afa97d;
$thimbleberry-leaf-rgb: 175, 169, 125;
$thimbleberry-leaf-light: mix(#fff, $thimbleberry-leaf, 20%);
$thimbleberry-leaf-dark: mix(#000, $thimbleberry-leaf, 20%);
.element {
color: $thimbleberry-leaf;
box-shadow: 0 0 0 2px rgba($thimbleberry-leaf, 0.35);
}