Màu có tên gần nhất · #AFC08F
#AFC08F
Màu có tên gần nhất: Nile
#AFC08F (rgb(175 192 143), hsl(81 28% 66%), oklch(0.782 0.069 123.5)) gần nhất với màu có tên Nile. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#AFC08F
oklch(0.782 0.069 123.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B7C69A
- BFCDA5
- C6D3B0
- CED9BB
- D6DFC7
- DEE6D2
- E6ECDD
- EFF2E8
- F7F9F4
Sắc đậm
- 98A77C
- 818E69
- 6B7657
- 565F45
- 414934
- 2E3424
- 1C2015
- 0B0E07
- 010201
Sắc xám
- AAB98E
- A5B38C
- A1AC8B
- 9CA68A
- 97A088
- 929987
- 8E9385
- 898D83
- 858682
Hòa sắc
Bổ túc +180°
- AFC08F
Nile
- C1AEDD
≈ Perfume
Tương đồng -30° +30°
- AFC08F
Nile
- C7B885
≈ Yuma
- 96C6A4
≈ Peppermint Spray
Bộ ba +120° +240°
- AFC08F
Nile
- 92BEE2
≈ Toile Blue
- DFA6B3
≈ Iced Vovo
Bổ túc chia +150° +210°
- AFC08F
Nile
- A9B6E5
≈ Perano
- D4A8CB
≈ Berry Popsicle
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.95:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.75:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
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);
}