Benannte Farbe · #AFB982
Nile
Nile ist #AFB982: rgb(175 185 130), hsl(71 28% 62%), oklch(0.764 0.075 116.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Nile color name →
#AFB982
oklch(0.764 0.075 116.6)
Farbumrechnungen
- HEX
- #afb982
- RGB
- rgb(175 185 130)
- HSL
- hsl(71 28% 62%)
- HWB
- hwb(71 51% 27%)
- OKLCH
- oklch(0.764 0.075 116.6)
- OKLab
- oklab(0.764 -0.034 0.067)
- CIE Lab
- lab(73.33 -10.38 26.78)
- LCH
- lch(73.33 28.72 111.2)
- CMYK
- cmyk(5% 0% 30% 27%)
Tints · Shades · Tones
Tints
- B7C08E
- BEC79B
- C6CEA7
- CED5B4
- D6DCC0
- DEE3CD
- E6EAD9
- EEF1E6
- F7F8F2
Shades
- 98A070
- 81895F
- 6B714E
- 565B3E
- 41462F
- 2E3120
- 1C1E12
- 0B0D06
- 010201
Tones
- AAB382
- A5AD82
- A1A882
- 9CA282
- 979C82
- 929782
- 8E9182
- 898B81
- 858681
Farbharmonien
Komplementär +180°
- AFB982
Nile
- B7A9DD
≈ Grape Illusion
Analog -30° +30°
- AFB982
Nile
- C7B07B
≈ Saucy
- 93C097
≈ Velvet Leaf
Triadisch +120° +240°
- AFB982
Nile
- 84BADC
≈ Enchanting
- DA9FB3
≈ Gizmo
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.08:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--nile: #afb982;
--nile-rgb: 175 185 130;
--nile-oklch: oklch(0.764 0.075 116.6);
}
.element {
color: var(--nile);
background-color: hsl(71 28% 62%);
border-color: oklch(0.764 0.075 116.6);
}Tailwind CSS v4
@theme {
--color-nile: #afb982;
--color-nile-50: #f3f9e1;
--color-nile-100: #e5ecd0;
--color-nile-200: #d1d9b5;
--color-nile-300: #b3bd92;
--color-nile-400: #9ba571;
--color-nile-500: #838d51;
--color-nile-600: #6f7746;
--color-nile-700: #595f37;
--color-nile-800: #424526;
--color-nile-900: #2d301a;
--color-nile-950: #1a1c0a;
}SCSS
$nile: #afb982;
$nile-rgb: 175, 185, 130;
$nile-light: mix(#fff, $nile, 20%);
$nile-dark: mix(#000, $nile, 20%);
.element {
color: $nile;
box-shadow: 0 0 0 2px rgba($nile, 0.35);
}