Colore con nome · #80884E
Field Maple
Field Maple è #80884E: rgb(128 136 78), hsl(68 27% 42%), oklch(0.606 0.081 115.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Field Maple color name →
#80884E
oklch(0.606 0.081 115.3)
Conversioni di colore
- HEX
- #80884e
- RGB
- rgb(128 136 78)
- HSL
- hsl(68 27% 42%)
- HWB
- hwb(68 31% 47%)
- OKLCH
- oklch(0.606 0.081 115.3)
- OKLab
- oklab(0.606 -0.035 0.073)
- CIE Lab
- lab(54.98 -10.07 30.01)
- LCH
- lch(54.98 31.65 108.6)
- CMYK
- cmyk(6% 0% 43% 47%)
Tinte · Ombre · Toni
Tinte
- 8C9360
- 989F71
- A4AB82
- B1B693
- BDC2A5
- CACEB7
- D7DAC8
- E4E6DA
- F2F3ED
Ombre
- 6E7543
- 5D6338
- 4D522D
- 3D4123
- 2E3119
- 1F220F
- 121307
- 060602
- 010100
Toni
- 808754
- 808759
- 80865F
- 808564
- 808469
- 80846E
- 808372
- 808277
- 80817C
Armonie di colore
Complementare +180°
- 80884E
Field Maple
- 8578AE
≈ Purple Rhapsody
Analogo -30° +30°
- 80884E
Field Maple
- 987E47
≈ Raked Leaves
- 638F64
≈ Succulent Leaves
Triadico +120° +240°
- 80884E
Field Maple
- 4E8AAC
≈ Cosmopolitan
- A96D84
≈ Cure All
Complementare divisa +150° +210°
- 80884E
Field Maple
- 6B81B3
≈ Marvellous
- 9B719D
≈ Scotch Thistle
Tetradico +90° +180° +270°
- 80884E
Field Maple
- 3D9099
≈ Aqueous
- 8578AE
≈ Purple Rhapsody
- AD6F69
≈ Copper Penny
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.78:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.54:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.54:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--field-maple: #80884e;
--field-maple-rgb: 128 136 78;
--field-maple-oklch: oklch(0.606 0.081 115.3);
}
.element {
color: var(--field-maple);
background-color: hsl(68 27% 42%);
border-color: oklch(0.606 0.081 115.3);
}Tailwind CSS v4
@theme {
--color-field-maple: #80884e;
--color-field-maple-50: #f3f9df;
--color-field-maple-100: #e5ecce;
--color-field-maple-200: #d1d9b3;
--color-field-maple-300: #b4bd8e;
--color-field-maple-400: #9ca56d;
--color-field-maple-500: #848d4c;
--color-field-maple-600: #707741;
--color-field-maple-700: #595f34;
--color-field-maple-800: #424523;
--color-field-maple-900: #2e3017;
--color-field-maple-950: #1b1c08;
}SCSS
$field-maple: #80884e;
$field-maple-rgb: 128, 136, 78;
$field-maple-light: mix(#fff, $field-maple, 20%);
$field-maple-dark: mix(#000, $field-maple, 20%);
.element {
color: $field-maple;
box-shadow: 0 0 0 2px rgba($field-maple, 0.35);
}