Colore con nome · #90966D
Boston Fern
Boston Fern è #90966D: rgb(144 150 109), hsl(69 16% 51%), oklch(0.657 0.058 114.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Boston Fern color name →
#90966D
oklch(0.657 0.058 114.8)
Conversioni di colore
- HEX
- #90966d
- RGB
- rgb(144 150 109)
- HSL
- hsl(69 16% 51%)
- HWB
- hwb(69 43% 41%)
- OKLCH
- oklch(0.657 0.058 114.8)
- OKLab
- oklab(0.657 -0.024 0.053)
- CIE Lab
- lab(60.78 -7.53 20.95)
- LCH
- lch(60.78 22.26 109.8)
- CMYK
- cmyk(4% 0% 27% 41%)
Tinte · Ombre · Toni
Tinte
- 9AA07B
- A5AA89
- B0B597
- BBBFA6
- C6C9B4
- D1D4C3
- DCDFD2
- E8E9E1
- F3F4F0
Ombre
- 7D825E
- 6A6E4F
- 575B41
- 454933
- 343726
- 242619
- 15160D
- 070804
- 010101
Toni
- 8E946F
- 8D9271
- 8B8F73
- 898D75
- 888B77
- 868979
- 85877B
- 83847D
- 82827E
Armonie di colore
Complementare +180°
- 90966D
Boston Fern
- 938BB2
≈ Larkspur Violet
Analogo -30° +30°
- 90966D
Boston Fern
- A28F68
≈ Pond Green
- 7C9B7C
≈ Scottish Highlands
Triadico +120° +240°
- 90966D
Boston Fern
- 6E98B0
≈ Yacht Blue
- AF8393
≈ Noble Lilac
Complementare divisa +150° +210°
- 90966D
Boston Fern
- 8091B6
≈ Soothsayer
- A486A5
≈ Baroness
Tetradico +90° +180° +270°
- 90966D
Boston Fern
- 669CA2
≈ Echo One
- 938BB2
≈ Larkspur Violet
- B38480
≈ Desert Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.10:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.76:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--boston-fern: #90966d;
--boston-fern-rgb: 144 150 109;
--boston-fern-oklch: oklch(0.657 0.058 114.8);
}
.element {
color: var(--boston-fern);
background-color: hsl(69 16% 51%);
border-color: oklch(0.657 0.058 114.8);
}Tailwind CSS v4
@theme {
--color-boston-fern: #90966d;
--color-boston-fern-50: #f4f8e5;
--color-boston-fern-100: #e6ebd5;
--color-boston-fern-200: #d2d8bc;
--color-boston-fern-300: #b5bc9a;
--color-boston-fern-400: #9da37c;
--color-boston-fern-500: #858b5e;
--color-boston-fern-600: #707650;
--color-boston-fern-700: #5a5e40;
--color-boston-fern-800: #42452d;
--color-boston-fern-900: #2e2f1e;
--color-boston-fern-950: #1b1c0e;
}SCSS
$boston-fern: #90966d;
$boston-fern-rgb: 144, 150, 109;
$boston-fern-light: mix(#fff, $boston-fern, 20%);
$boston-fern-dark: mix(#000, $boston-fern, 20%);
.element {
color: $boston-fern;
box-shadow: 0 0 0 2px rgba($boston-fern, 0.35);
}