Màu có tên · #CABEAD
Minimalist
Minimalist là #CABEAD: rgb(202 190 173), hsl(35 21% 74%), oklch(0.807 0.027 76.8). 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 Gray mean? → · Minimalist color name →
#CABEAD
oklch(0.807 0.027 76.8)
Chuyển đổi màu
- HEX
- #cabead
- RGB
- rgb(202 190 173)
- HSL
- hsl(35 21% 74%)
- HWB
- hwb(35 68% 21%)
- OKLCH
- oklch(0.807 0.027 76.8)
- OKLab
- oklab(0.807 0.006 0.026)
- CIE Lab
- lab(77.63 2.26 10.22)
- LCH
- lch(77.63 10.46 77.5)
- CMYK
- cmyk(0% 6% 14% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CFC4B5
- D4CBBD
- DAD1C5
- DFD8CD
- E4DED5
- EAE5DE
- EFEBE6
- F4F2EE
- FAF8F7
Sắc đậm
- AFA596
- 958C7F
- 7C756A
- 645E55
- 4D4841
- 37332D
- 221F1B
- 0F0D0B
- 020201
Sắc xám
- C2B8A8
- BBB1A4
- B3AB9F
- ACA59B
- A49E96
- 9D9892
- 96928D
- 8E8C89
- 878684
Hòa sắc
Bổ túc +180°
- CABEAD
Minimalist
- B5C1D2
≈ Snow Flurries
Tương đồng -30° +30°
- CABEAD
Minimalist
- D0BBB1
≈ Desert Morning
- C1C1AE
≈ Kidnapper
Bộ ba +120° +240°
- CABEAD
Minimalist
- ADC6C6
≈ Blue Agave
- C7BBCC
≈ Last of the Lilacs
Bổ túc chia +150° +210°
- CABEAD
Minimalist
- AEC4CE
≈ Heron Wing
- BEBED1
≈ Twilight Pearl
Bộ bốn +90° +180° +270°
- CABEAD
Minimalist
- B0C6BC
≈ Sparkling Lake
- B5C1D2
≈ Snow Flurries
- CEB9C3
≈ Rose Marble
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.82:1 · APCA Lc 34
Ag
AAATrên nền đen
WCAG 11.48:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--minimalist: #cabead;
--minimalist-rgb: 202 190 173;
--minimalist-oklch: oklch(0.807 0.027 76.8);
}
.element {
color: var(--minimalist);
background-color: hsl(35 21% 74%);
border-color: oklch(0.807 0.027 76.8);
}Tailwind CSS v4
@theme {
--color-minimalist: #cabead;
--color-minimalist-50: #f9f4ed;
--color-minimalist-100: #ede7de;
--color-minimalist-200: #dbd3c8;
--color-minimalist-300: #bfb6a8;
--color-minimalist-400: #a89d8d;
--color-minimalist-500: #918473;
--color-minimalist-600: #7a7061;
--color-minimalist-700: #62594e;
--color-minimalist-800: #484138;
--color-minimalist-900: #322d26;
--color-minimalist-950: #1e1a15;
}SCSS
$minimalist: #cabead;
$minimalist-rgb: 202, 190, 173;
$minimalist-light: mix(#fff, $minimalist, 20%);
$minimalist-dark: mix(#000, $minimalist, 20%);
.element {
color: $minimalist;
box-shadow: 0 0 0 2px rgba($minimalist, 0.35);
}