Colore con nome · #C0AA60
Slender Stem
Slender Stem è #C0AA60: rgb(192 170 96), hsl(46 43% 56%), oklch(0.741 0.098 93.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Slender Stem color name →
#C0AA60
oklch(0.741 0.098 93.3)
Conversioni di colore
- HEX
- #c0aa60
- RGB
- rgb(192 170 96)
- HSL
- hsl(46 43% 56%)
- HWB
- hwb(46 38% 25%)
- OKLCH
- oklch(0.741 0.098 93.3)
- OKLab
- oklab(0.741 -0.006 0.097)
- CIE Lab
- lab(70.35 1.12 40.89)
- LCH
- lch(70.35 40.91 88.4)
- CMYK
- cmyk(0% 11% 50% 25%)
Tinte · Ombre · Toni
Tinte
- C6B271
- CCBB81
- D3C391
- D9CCA1
- DFD4B1
- E5DDC0
- ECE5D0
- F2EEE0
- F9F6EF
Ombre
- A79352
- 8E7D45
- 766838
- 5F532C
- 493F20
- 342D15
- 201B0A
- 0E0B03
- 020100
Toni
- B9A665
- B3A269
- AC9E6D
- A69970
- 9F9573
- 999176
- 938D79
- 8C897C
- 86847E
Armonie di colore
Complementare +180°
- C0AA60
Slender Stem
- 97A7E9
≈ Dalmatian Sage
Analogo -30° +30°
- C0AA60
Slender Stem
- D79E68
≈ Caramelo Dulce
- 9FB66F
≈ Around the Gills
Triadico +120° +240°
- C0AA60
Slender Stem
- 57BBD0
≈ High Dive
- D194C5
≈ Carnation Rose
Complementare divisa +150° +210°
- C0AA60
Slender Stem
- 73B2E4
≈ Lucea
- B89CDE
≈ Violet Velvet
Tetradico +90° +180° +270°
- C0AA60
Slender Stem
- 59BFB1
≈ Treasured Teal
- 97A7E9
≈ Dalmatian Sage
- DF91A5
≈ Kobi
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.16:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--slender-stem: #c0aa60;
--slender-stem-rgb: 192 170 96;
--slender-stem-oklch: oklch(0.741 0.098 93.3);
}
.element {
color: var(--slender-stem);
background-color: hsl(46 43% 56%);
border-color: oklch(0.741 0.098 93.3);
}Tailwind CSS v4
@theme {
--color-slender-stem: #c0aa60;
--color-slender-stem-50: #fdf6d6;
--color-slender-stem-100: #f2e8c4;
--color-slender-stem-200: #e1d5a5;
--color-slender-stem-300: #c7b77e;
--color-slender-stem-400: #b29d58;
--color-slender-stem-500: #9c842e;
--color-slender-stem-600: #847029;
--color-slender-stem-700: #6a5a21;
--color-slender-stem-800: #4f4115;
--color-slender-stem-900: #372d0d;
--color-slender-stem-950: #221a02;
}SCSS
$slender-stem: #c0aa60;
$slender-stem-rgb: 192, 170, 96;
$slender-stem-light: mix(#fff, $slender-stem, 20%);
$slender-stem-dark: mix(#000, $slender-stem, 20%);
.element {
color: $slender-stem;
box-shadow: 0 0 0 2px rgba($slender-stem, 0.35);
}