Màu có tên · #B7938F
Cherry Taupe
Cherry Taupe là #B7938F: rgb(183 147 143), hsl(6 22% 64%), oklch(0.695 0.044 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? → · Cherry Taupe color name →
#B7938F
oklch(0.695 0.044 25.6)
Chuyển đổi màu
- HEX
- #b7938f
- RGB
- rgb(183 147 143)
- HSL
- hsl(6 22% 64%)
- HWB
- hwb(6 56% 28%)
- OKLCH
- oklch(0.695 0.044 25.6)
- OKLab
- oklab(0.695 0.04 0.019)
- CIE Lab
- lab(64.26 13.48 7.52)
- LCH
- lch(64.26 15.44 29.2)
- CMYK
- cmyk(0% 20% 22% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BE9D9A
- C6A8A4
- CDB2AF
- D4BDBA
- DBC8C6
- E2D3D1
- EADEDC
- F1E9E8
- F8F4F3
Sắc đậm
- 9F7F7C
- 876C69
- 705957
- 5A4745
- 453634
- 312524
- 1E1615
- 0C0807
- 020101
Sắc xám
- B2918E
- AC8F8C
- A78D8B
- A18C89
- 9C8A88
- 968886
- 918685
- 8B8483
- 868282
Hòa sắc
Bổ túc +180°
- B7938F
Cherry Taupe
- 7DA5AA
≈ Ziggurat
Tương đồng -30° +30°
- B7938F
Cherry Taupe
- B4929E
≈ Ashberry
- B39683
≈ Cobbler Shop
Bộ ba +120° +240°
- B7938F
Cherry Taupe
- 8CA58D
≈ Envy
- 909DB9
≈ Electric Sky
Bổ túc chia +150° +210°
- B7938F
Cherry Taupe
- 81A69C
≈ Scenario
- 83A2B5
≈ Lake Okoboji
Bộ bốn +90° +180° +270°
- B7938F
Cherry Taupe
- 9BA182
≈ Zebra Grass
- 7DA5AA
≈ Ziggurat
- 9F98B6
≈ Heirloom Lilac
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.76:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.58:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--cherry-taupe: #b7938f;
--cherry-taupe-rgb: 183 147 143;
--cherry-taupe-oklch: oklch(0.695 0.044 25.6);
}
.element {
color: var(--cherry-taupe);
background-color: hsl(6 22% 64%);
border-color: oklch(0.695 0.044 25.6);
}Tailwind CSS v4
@theme {
--color-cherry-taupe: #b7938f;
--color-cherry-taupe-50: #fff1ee;
--color-cherry-taupe-100: #f6e3e0;
--color-cherry-taupe-200: #e7ceca;
--color-cherry-taupe-300: #cdafab;
--color-cherry-taupe-400: #b79591;
--color-cherry-taupe-500: #a27b77;
--color-cherry-taupe-600: #896865;
--color-cherry-taupe-700: #6d5351;
--color-cherry-taupe-800: #513d3b;
--color-cherry-taupe-900: #382a28;
--color-cherry-taupe-950: #231716;
}SCSS
$cherry-taupe: #b7938f;
$cherry-taupe-rgb: 183, 147, 143;
$cherry-taupe-light: mix(#fff, $cherry-taupe, 20%);
$cherry-taupe-dark: mix(#000, $cherry-taupe, 20%);
.element {
color: $cherry-taupe;
box-shadow: 0 0 0 2px rgba($cherry-taupe, 0.35);
}