Colore con nome · #767A49
Tara’s Drapes
Tara’s Drapes è #767A49: rgb(118 122 73), hsl(65 25% 38%), oklch(0.564 0.07 112.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tara’s Drapes color name →
#767A49
oklch(0.564 0.07 112.4)
Conversioni di colore
- HEX
- #767a49
- RGB
- rgb(118 122 73)
- HSL
- hsl(65 25% 38%)
- HWB
- hwb(65 29% 52%)
- OKLCH
- oklch(0.564 0.07 112.4)
- OKLab
- oklab(0.564 -0.027 0.064)
- CIE Lab
- lab(49.96 -7.58 26.27)
- LCH
- lch(49.96 27.34 106.1)
- CMYK
- cmyk(3% 0% 40% 52%)
Tinte · Ombre · Toni
Tinte
- 83875B
- 90936C
- 9DA07E
- AAAD90
- B8BBA2
- C6C8B4
- D4D6C6
- E2E3D9
- F0F1EC
Ombre
- 66693E
- 565934
- 47492A
- 383A20
- 292B17
- 1C1D0E
- 0F1006
- 050502
- 010100
Toni
- 777B4F
- 787B55
- 797C5B
- 7A7D60
- 7B7D66
- 7C7E6B
- 7D7E70
- 7E7F76
- 7F807B
Armonie di colore
Complementare +180°
- 767A49
Tara’s Drapes
- 766E9B
≈ Purple Spire
Analogo -30° +30°
- 767A49
Tara’s Drapes
- 8A7244
≈ Rokou Brown
- 5E805A
≈ Garden Grove
Triadico +120° +240°
- 767A49
Tara’s Drapes
- 497D98
≈ Coelin Blue
- 96657A
≈ Forest Berry
Complementare divisa +150° +210°
- 767A49
Tara’s Drapes
- 5F769F
≈ Costume Blue
- 89688E
≈ Poetry Mauve
Tetradico +90° +180° +270°
- 767A49
Tara’s Drapes
- 3D8287
≈ Pacific Sea Teal
- 766E9B
≈ Purple Spire
- 9B6563
≈ Cedar Ridge
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.65:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--tara-s-drapes: #767a49;
--tara-s-drapes-rgb: 118 122 73;
--tara-s-drapes-oklch: oklch(0.564 0.07 112.4);
}
.element {
color: var(--tara-s-drapes);
background-color: hsl(65 25% 38%);
border-color: oklch(0.564 0.07 112.4);
}Tailwind CSS v4
@theme {
--color-tara-s-drapes: #767a49;
--color-tara-s-drapes-50: #f4f8e2;
--color-tara-s-drapes-100: #e7ebd1;
--color-tara-s-drapes-200: #d3d8b7;
--color-tara-s-drapes-300: #b6bc93;
--color-tara-s-drapes-400: #9fa373;
--color-tara-s-drapes-500: #878b54;
--color-tara-s-drapes-600: #727648;
--color-tara-s-drapes-700: #5b5e39;
--color-tara-s-drapes-800: #434528;
--color-tara-s-drapes-900: #2f2f1b;
--color-tara-s-drapes-950: #1b1c0b;
}SCSS
$tara-s-drapes: #767a49;
$tara-s-drapes-rgb: 118, 122, 73;
$tara-s-drapes-light: mix(#fff, $tara-s-drapes, 20%);
$tara-s-drapes-dark: mix(#000, $tara-s-drapes, 20%);
.element {
color: $tara-s-drapes;
box-shadow: 0 0 0 2px rgba($tara-s-drapes, 0.35);
}