Màu có tên gần nhất · #B5CBAD
#B5CBAD
Màu có tên gần nhất: Nature
#B5CBAD (rgb(181 203 173), hsl(104 22% 74%), oklch(0.817 0.048 137.3)) gần nhất với màu có tên Nature. 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.
#B5CBAD
oklch(0.817 0.048 137.3)
Chuyển đổi màu
- HEX
- #b5cbad
- RGB
- rgb(181 203 173)
- HSL
- hsl(104 22% 74%)
- HWB
- hwb(104 68% 20%)
- OKLCH
- oklch(0.817 0.048 137.3)
- OKLab
- oklab(0.817 -0.035 0.032)
- CIE Lab
- lab(79.4 -11.87 12.4)
- LCH
- lch(79.4 17.16 133.7)
- CMYK
- cmyk(11% 0% 15% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BCD0B5
- C4D5BD
- CBDAC5
- D2E0CD
- DAE5D6
- E1EADE
- E8EFE6
- F0F5EE
- F7FAF7
Sắc đậm
- 9DB096
- 86967F
- 6F7D6A
- 596555
- 444D41
- 30372D
- 1D221B
- 0C0F0B
- 020201
Sắc xám
- B0C3A8
- AABCA4
- A5B49F
- A0AC9B
- 9AA596
- 959D92
- 90968D
- 8A8F89
- 858784
Hòa sắc
Bổ túc +180°
- B5CBAD
Nature
- D0BAD8
≈ Petite Purple
Tương đồng -30° +30°
- B5CBAD
Nature
- C6C6A3
≈ Rejuvenate
- A7CEBD
≈ Swimming Pool Green
Bộ ba +120° +240°
- B5CBAD
Nature
- B0C5E3
≈ Simply Sparkling
- E1B7B8
≈ Bistro Pink
Bổ túc chia +150° +210°
- B5CBAD
Nature
- C1BFE1
≈ Purple Dragon
- DCB7C9
≈ Kunzite
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.73:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.11:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--nature: #b5cbad;
--nature-rgb: 181 203 173;
--nature-oklch: oklch(0.817 0.048 137.3);
}
.element {
color: var(--nature);
background-color: hsl(104 22% 74%);
border-color: oklch(0.817 0.048 137.3);
}Tailwind CSS v4
@theme {
--color-nature: #b5cbad;
--color-nature-50: #eef9ec;
--color-nature-100: #e0ecdd;
--color-nature-200: #cadac6;
--color-nature-300: #abbea7;
--color-nature-400: #91a58a;
--color-nature-500: #778e6f;
--color-nature-600: #65785e;
--color-nature-700: #51604b;
--color-nature-800: #3b4636;
--color-nature-900: #293125;
--color-nature-950: #161d13;
}SCSS
$nature: #b5cbad;
$nature-rgb: 181, 203, 173;
$nature-light: mix(#fff, $nature, 20%);
$nature-dark: mix(#000, $nature, 20%);
.element {
color: $nature;
box-shadow: 0 0 0 2px rgba($nature, 0.35);
}