Warna bernama terdekat · #AFC08F
#AFC08F
Warna bernama terdekat: Nile
#AFC08F (rgb(175 192 143), hsl(81 28% 66%), oklch(0.782 0.069 123.5)) paling mendekati warna bernama Nile. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#AFC08F
oklch(0.782 0.069 123.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- B7C69A
- BFCDA5
- C6D3B0
- CED9BB
- D6DFC7
- DEE6D2
- E6ECDD
- EFF2E8
- F7F9F4
Shade
- 98A77C
- 818E69
- 6B7657
- 565F45
- 414934
- 2E3424
- 1C2015
- 0B0E07
- 010201
Tone
- AAB98E
- A5B38C
- A1AC8B
- 9CA68A
- 97A088
- 929987
- 8E9385
- 898D83
- 858682
Harmoni warna
Komplementer +180°
- AFC08F
Nile
- C1AEDD
≈ Perfume
Analog -30° +30°
- AFC08F
Nile
- C7B885
≈ Yuma
- 96C6A4
≈ Peppermint Spray
Triadik +120° +240°
- AFC08F
Nile
- 92BEE2
≈ Toile Blue
- DFA6B3
≈ Iced Vovo
Split-komplementer +150° +210°
- AFC08F
Nile
- A9B6E5
≈ Perano
- D4A8CB
≈ Berry Popsicle
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.95:1 · APCA Lc 38
Ag
AAADi atas hitam
WCAG 10.75:1 · APCA Lc 65
Warna teks terbaik: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Cuplikan kode
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);
}