Colore con nome · #968F5F
Nile Reed
Nile Reed è #968F5F: rgb(150 143 95), hsl(52 22% 48%), oklch(0.644 0.067 100.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Nile Reed color name →
#968F5F
oklch(0.644 0.067 100.9)
Conversioni di colore
- HEX
- #968f5f
- RGB
- rgb(150 143 95)
- HSL
- hsl(52 22% 48%)
- HWB
- hwb(52 37% 41%)
- OKLCH
- oklch(0.644 0.067 100.9)
- OKLab
- oklab(0.644 -0.013 0.065)
- CIE Lab
- lab(59.13 -2.85 26.56)
- LCH
- lch(59.13 26.71 96.1)
- CMYK
- cmyk(0% 5% 37% 41%)
Tinte · Ombre · Toni
Tinte
- A09A6F
- AAA57E
- B4B08E
- BFBB9E
- C9C6AD
- D4D1BD
- DEDCCE
- E9E8DE
- F4F3EE
Ombre
- 827C52
- 6E6944
- 5B5738
- 49452C
- 373420
- 262415
- 16150A
- 080703
- 010100
Toni
- 948E63
- 918C67
- 8F8B6A
- 8D896E
- 8B8871
- 898674
- 868577
- 84837A
- 82827D
Armonie di colore
Complementare +180°
- 968F5F
Nile Reed
- 8689B6
≈ Soft Blue Lavender
Analogo -30° +30°
- 968F5F
Nile Reed
- A88760
≈ Trinket Gold
- 7F966B
≈ Mesa Verde
Triadico +120° +240°
- 968F5F
Nile Reed
- 5D97AA
≈ Deep Diving
- AA7E9A
≈ Amazonian Orchid
Complementare divisa +150° +210°
- 968F5F
Nile Reed
- 6F91B5
≈ Allure
- 9B82AC
≈ Rhapsody
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.39:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--nile-reed: #968f5f;
--nile-reed-rgb: 150 143 95;
--nile-reed-oklch: oklch(0.644 0.067 100.9);
}
.element {
color: var(--nile-reed);
background-color: hsl(52 22% 48%);
border-color: oklch(0.644 0.067 100.9);
}Tailwind CSS v4
@theme {
--color-nile-reed: #968f5f;
--color-nile-reed-50: #f8f6e1;
--color-nile-reed-100: #ece9d0;
--color-nile-reed-200: #d9d6b6;
--color-nile-reed-300: #bdb992;
--color-nile-reed-400: #a7a072;
--color-nile-reed-500: #908853;
--color-nile-reed-600: #797346;
--color-nile-reed-700: #615c38;
--color-nile-reed-800: #484327;
--color-nile-reed-900: #322e1a;
--color-nile-reed-950: #1e1b0b;
}SCSS
$nile-reed: #968f5f;
$nile-reed-rgb: 150, 143, 95;
$nile-reed-light: mix(#fff, $nile-reed, 20%);
$nile-reed-dark: mix(#000, $nile-reed, 20%);
.element {
color: $nile-reed;
box-shadow: 0 0 0 2px rgba($nile-reed, 0.35);
}