Colore con nome · #9A8841
Sedge Grasses
Sedge Grasses è #9A8841: rgb(154 136 65), hsl(48 41% 43%), oklch(0.628 0.094 95.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sedge Grasses color name →
#9A8841
oklch(0.628 0.094 95.3)
Conversioni di colore
- HEX
- #9a8841
- RGB
- rgb(154 136 65)
- HSL
- hsl(48 41% 43%)
- HWB
- hwb(48 25% 40%)
- OKLCH
- oklch(0.628 0.094 95.3)
- OKLab
- oklab(0.628 -0.009 0.093)
- CIE Lab
- lab(57.23 0.3 40.02)
- LCH
- lch(57.23 40.02 89.6)
- CMYK
- cmyk(0% 12% 58% 40%)
Tinte · Ombre · Toni
Tinte
- A49455
- AD9F69
- B7AB7B
- C1B78E
- CBC3A1
- D5CEB3
- E0DAC6
- EAE7D9
- F4F3EC
Ombre
- 857537
- 71632E
- 5E5225
- 4B411C
- 393113
- 27220B
- 171305
- 090601
- 010100
Toni
- 978749
- 958751
- 928658
- 8F855E
- 8D8564
- 8A846A
- 888370
- 858275
- 83817B
Armonie di colore
Complementare +180°
- 9A8841
Sedge Grasses
- 7884C1
≈ Deep Periwinkle
Analogo -30° +30°
- 9A8841
Sedge Grasses
- B07C48
≈ Rocky Racoon
- 7B9352
≈ Piquant Green
Triadico +120° +240°
- 9A8841
Sedge Grasses
- 3597AC
≈ Aqua Dance
- AC729F
≈ Orchid Kiss
Complementare divisa +150° +210°
- 9A8841
Sedge Grasses
- 558EBE
≈ Cliff Blue
- 967AB6
≈ Lavender Purple
Tetradico +90° +180° +270°
- 9A8841
Sedge Grasses
- 359B90
≈ Temple Guard Blue
- 7884C1
≈ Deep Periwinkle
- B87080
≈ Kerr’s Pink Potato
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.51:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.97:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--sedge-grasses: #9a8841;
--sedge-grasses-rgb: 154 136 65;
--sedge-grasses-oklch: oklch(0.628 0.094 95.3);
}
.element {
color: var(--sedge-grasses);
background-color: hsl(48 41% 43%);
border-color: oklch(0.628 0.094 95.3);
}Tailwind CSS v4
@theme {
--color-sedge-grasses: #9a8841;
--color-sedge-grasses-50: #fcf6d8;
--color-sedge-grasses-100: #f0e9c5;
--color-sedge-grasses-200: #dfd5a7;
--color-sedge-grasses-300: #c4b880;
--color-sedge-grasses-400: #af9e5c;
--color-sedge-grasses-500: #998534;
--color-sedge-grasses-600: #82712e;
--color-sedge-grasses-700: #685a24;
--color-sedge-grasses-800: #4d4118;
--color-sedge-grasses-900: #362d0f;
--color-sedge-grasses-950: #211a03;
}SCSS
$sedge-grasses: #9a8841;
$sedge-grasses-rgb: 154, 136, 65;
$sedge-grasses-light: mix(#fff, $sedge-grasses, 20%);
$sedge-grasses-dark: mix(#000, $sedge-grasses, 20%);
.element {
color: $sedge-grasses;
box-shadow: 0 0 0 2px rgba($sedge-grasses, 0.35);
}