Colore con nome · #B9A77C
Texas Sage
Texas Sage è #B9A77C: rgb(185 167 124), hsl(42 30% 61%), oklch(0.733 0.062 87.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Texas Sage color name →
#B9A77C
oklch(0.733 0.062 87.9)
Conversioni di colore
- HEX
- #b9a77c
- RGB
- rgb(185 167 124)
- HSL
- hsl(42 30% 61%)
- HWB
- hwb(42 49% 27%)
- OKLCH
- oklch(0.733 0.062 87.9)
- OKLab
- oklab(0.733 0.002 0.062)
- CIE Lab
- lab(69.27 1.98 24.82)
- LCH
- lch(69.27 24.89 85.4)
- CMYK
- cmyk(0% 10% 33% 27%)
Tinte · Ombre · Toni
Tinte
- C0B089
- C7B896
- CEC1A3
- D5CAB0
- DCD2BD
- E3DBCA
- EAE4D7
- F1EDE4
- F8F6F2
Ombre
- A0916B
- 897B5A
- 71664A
- 5B523B
- 463E2C
- 312C1E
- 1E1A11
- 0D0A05
- 020101
Toni
- B3A37D
- AD9F7D
- A89B7E
- A2977F
- 9C937F
- 96907F
- 918C80
- 8B8880
- 868480
Armonie di colore
Complementare +180°
- B9A77C
Texas Sage
- 98A8D1
≈ Foresight
Analogo -30° +30°
- B9A77C
Texas Sage
- C7A083
≈ Pacific Bluffs
- A5AE82
≈ Filigree Green
Triadico +120° +240°
- B9A77C
Texas Sage
- 7AB4BD
≈ Aqua Blue
- BF9BBD
≈ Lupine
Complementare divisa +150° +210°
- B9A77C
Texas Sage
- 84AFCB
≈ Windy Day
- ADA1CB
≈ Puturple
Tetradico +90° +180° +270°
- B9A77C
Texas Sage
- 7EB6A9
≈ Mint Bonbon Green
- 98A8D1
≈ Foresight
- CA99A8
≈ Honey Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.88:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--texas-sage: #b9a77c;
--texas-sage-rgb: 185 167 124;
--texas-sage-oklch: oklch(0.733 0.062 87.9);
}
.element {
color: var(--texas-sage);
background-color: hsl(42 30% 61%);
border-color: oklch(0.733 0.062 87.9);
}Tailwind CSS v4
@theme {
--color-texas-sage: #b9a77c;
--color-texas-sage-50: #fcf5e2;
--color-texas-sage-100: #f0e7d1;
--color-texas-sage-200: #ded4b7;
--color-texas-sage-300: #c4b794;
--color-texas-sage-400: #ae9d74;
--color-texas-sage-500: #978456;
--color-texas-sage-600: #807049;
--color-texas-sage-700: #66593a;
--color-texas-sage-800: #4c4129;
--color-texas-sage-900: #352d1c;
--color-texas-sage-950: #201a0c;
}SCSS
$texas-sage: #b9a77c;
$texas-sage-rgb: 185, 167, 124;
$texas-sage-light: mix(#fff, $texas-sage, 20%);
$texas-sage-dark: mix(#000, $texas-sage, 20%);
.element {
color: $texas-sage;
box-shadow: 0 0 0 2px rgba($texas-sage, 0.35);
}