Dichtstbijzijnde benoemde kleur · #A8BE86
#A8BE86
Dichtstbijzijnde benoemde kleur: Nile
#A8BE86 (rgb(168 190 134), hsl(84 30% 64%), oklch(0.771 0.08 125.6)) komt het dichtst bij de benoemde kleur Nile. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A8BE86
oklch(0.771 0.08 125.6)
Kleurconversies
- HEX
- #a8be86
- RGB
- rgb(168 190 134)
- HSL
- hsl(84 30% 64%)
- HWB
- hwb(84 53% 25%)
- OKLCH
- oklch(0.771 0.08 125.6)
- OKLab
- oklab(0.771 -0.047 0.065)
- CIE Lab
- lab(74.24 -15.06 25.75)
- LCH
- lch(74.24 29.84 120.3)
- CMYK
- cmyk(12% 0% 29% 25%)
Tinten · Schaduwen · Tonen
Tinten
- B0C492
- B9CB9E
- C1D1AA
- CAD8B6
- D3DEC2
- DBE5CE
- E4EBDA
- EDF2E6
- F6F8F3
Schaduwen
- 92A574
- 7C8C62
- 677551
- 525E40
- 3F4830
- 2C3321
- 1A1F13
- 0A0D06
- 010201
Tonen
- A4B886
- A0B185
- 9CAB85
- 98A585
- 949F84
- 909983
- 8C9283
- 888C82
- 848681
Kleurharmonieën
Complementair +180°
- A8BE86
Nile
- C1A8DE
≈ Perfume
Analoog -30° +30°
- A8BE86
Nile
- C4B579
≈ Cool Avocado
- 8BC49F
≈ Delltone
Triadisch +120° +240°
- A8BE86
Nile
- 8ABAE5
≈ C’est la Vie
- E19FAD
≈ Nana’s Rose
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.02:1 · APCA Lc 39
Ag
AAAOp zwart
WCAG 10.37:1 · APCA Lc 63
Beste tekstkleur: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Codefragmenten
CSS
:root {
--nile: #a8be86;
--nile-rgb: 168 190 134;
--nile-oklch: oklch(0.771 0.08 125.6);
}
.element {
color: var(--nile);
background-color: hsl(84 30% 64%);
border-color: oklch(0.771 0.08 125.6);
}Tailwind CSS v4
@theme {
--color-nile: #a8be86;
--color-nile-50: #effae2;
--color-nile-100: #e0edd1;
--color-nile-200: #cbdbb7;
--color-nile-300: #acc094;
--color-nile-400: #93a773;
--color-nile-500: #799054;
--color-nile-600: #677a48;
--color-nile-700: #526139;
--color-nile-800: #3d4727;
--color-nile-900: #2a311a;
--color-nile-950: #171d0b;
}SCSS
$nile: #a8be86;
$nile-rgb: 168, 190, 134;
$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);
}