Màu có tên · #8F423D
Nandi Bear
Nandi Bear là #8F423D: rgb(143 66 61), hsl(4 40% 40%), oklch(0.478 0.106 25.6). 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.
What does Red mean? → · Nandi Bear color name →
#8F423D
oklch(0.478 0.106 25.6)
Chuyển đổi màu
- HEX
- #8f423d
- RGB
- rgb(143 66 61)
- HSL
- hsl(4 40% 40%)
- HWB
- hwb(4 24% 44%)
- OKLCH
- oklch(0.478 0.106 25.6)
- OKLab
- oklab(0.478 0.095 0.046)
- CIE Lab
- lab(38.38 32.99 19.37)
- LCH
- lch(38.38 38.26 30.4)
- CMYK
- cmyk(0% 54% 57% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9B544F
- A76761
- B37973
- BF8C86
- CA9E99
- D5B1AD
- E0C4C1
- EAD8D5
- F5EBEA
Sắc đậm
- 7C3834
- 692F2B
- 572522
- 451C1A
- 341412
- 240B0A
- 150504
- 070101
- 010000
Sắc xám
- 8F4944
- 8E504A
- 8D5651
- 8C5C58
- 8B635E
- 896965
- 876F6C
- 857473
- 837A79
Hòa sắc
Bổ túc +180°
- 8F423D
Nandi Bear
- 006A73
≈ Kingfisher Bright
Tương đồng -30° +30°
- 8F423D
Nandi Bear
- 8A415F
≈ Putnam Plum
- 894A16
≈ Brown Eyed Girl
Bộ ba +120° +240°
- 8F423D
Nandi Bear
- 306C36
≈ San Felix
- 405A98
≈ Blue Dahlia
Bổ túc chia +150° +210°
- 8F423D
Nandi Bear
- 006D5B
≈ Teal Dark Green
- 00658E
≈ Kingfisher Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.96:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 3.01:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 6.96:1 (AA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--nandi-bear: #8f423d;
--nandi-bear-rgb: 143 66 61;
--nandi-bear-oklch: oklch(0.478 0.106 25.6);
}
.element {
color: var(--nandi-bear);
background-color: hsl(4 40% 40%);
border-color: oklch(0.478 0.106 25.6);
}Tailwind CSS v4
@theme {
--color-nandi-bear: #8f423d;
--color-nandi-bear-50: #ffeae5;
--color-nandi-bear-100: #ffdbd5;
--color-nandi-bear-200: #fec4bc;
--color-nandi-bear-300: #e9a39a;
--color-nandi-bear-400: #d6857e;
--color-nandi-bear-500: #c26861;
--color-nandi-bear-600: #a45953;
--color-nandi-bear-700: #844742;
--color-nandi-bear-800: #623330;
--color-nandi-bear-900: #452221;
--color-nandi-bear-950: #2c1110;
}SCSS
$nandi-bear: #8f423d;
$nandi-bear-rgb: 143, 66, 61;
$nandi-bear-light: mix(#fff, $nandi-bear, 20%);
$nandi-bear-dark: mix(#000, $nandi-bear, 20%);
.element {
color: $nandi-bear;
box-shadow: 0 0 0 2px rgba($nandi-bear, 0.35);
}