Dichtstbijzijnde benoemde kleur · #AFC08F
#AFC08F
Dichtstbijzijnde benoemde kleur: Nile
#AFC08F (rgb(175 192 143), hsl(81 28% 66%), oklch(0.782 0.069 123.5)) komt het dichtst bij de benoemde kleur Nile. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#AFC08F
oklch(0.782 0.069 123.5)
Kleurconversies
- HEX
- #afc08f
- RGB
- rgb(175 192 143)
- HSL
- hsl(81 28% 66%)
- HWB
- hwb(81 56% 25%)
- OKLCH
- oklch(0.782 0.069 123.5)
- OKLab
- oklab(0.782 -0.038 0.058)
- CIE Lab
- lab(75.45 -12.39 22.75)
- LCH
- lch(75.45 25.9 118.6)
- CMYK
- cmyk(9% 0% 26% 25%)
Tinten · Schaduwen · Tonen
Tinten
- B7C69A
- BFCDA5
- C6D3B0
- CED9BB
- D6DFC7
- DEE6D2
- E6ECDD
- EFF2E8
- F7F9F4
Schaduwen
- 98A77C
- 818E69
- 6B7657
- 565F45
- 414934
- 2E3424
- 1C2015
- 0B0E07
- 010201
Tonen
- AAB98E
- A5B38C
- A1AC8B
- 9CA68A
- 97A088
- 929987
- 8E9385
- 898D83
- 858682
Kleurharmonieën
Complementair +180°
- AFC08F
Nile
- C1AEDD
≈ Perfume
Analoog -30° +30°
- AFC08F
Nile
- C7B885
≈ Yuma
- 96C6A4
≈ Peppermint Spray
Triadisch +120° +240°
- AFC08F
Nile
- 92BEE2
≈ Toile Blue
- DFA6B3
≈ Iced Vovo
Gesplitst complementair +150° +210°
- AFC08F
Nile
- A9B6E5
≈ Perano
- D4A8CB
≈ Berry Popsicle
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.95:1 · APCA Lc 38
Ag
AAAOp zwart
WCAG 10.75:1 · APCA Lc 65
Beste tekstkleur: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Codefragmenten
CSS
:root {
--nile: #afc08f;
--nile-rgb: 175 192 143;
--nile-oklch: oklch(0.782 0.069 123.5);
}
.element {
color: var(--nile);
background-color: hsl(81 28% 66%);
border-color: oklch(0.782 0.069 123.5);
}Tailwind CSS v4
@theme {
--color-nile: #afc08f;
--color-nile-50: #f0f9e4;
--color-nile-100: #e2ecd4;
--color-nile-200: #cddaba;
--color-nile-300: #afbe98;
--color-nile-400: #96a678;
--color-nile-500: #7d8e5a;
--color-nile-600: #6a784d;
--color-nile-700: #54603d;
--color-nile-800: #3e462b;
--color-nile-900: #2b311d;
--color-nile-950: #181d0d;
}SCSS
$nile: #afc08f;
$nile-rgb: 175, 192, 143;
$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);
}