Màu có tên gần nhất · #C8AB9B
#C8AB9B
Màu có tên gần nhất: Frappé
#C8AB9B (rgb(200 171 155), hsl(21 29% 70%), oklch(0.762 0.041 50.6)) gần nhất với màu có tên Frappé. 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.
#C8AB9B
oklch(0.762 0.041 50.6)
Chuyển đổi màu
- HEX
- #c8ab9b
- RGB
- rgb(200 171 155)
- HSL
- hsl(21 29% 70%)
- HWB
- hwb(21 61% 22%)
- OKLCH
- oklch(0.762 0.041 50.6)
- OKLab
- oklab(0.762 0.026 0.031)
- CIE Lab
- lab(72.25 9.04 12.38)
- LCH
- lch(72.25 15.33 53.9)
- CMYK
- cmyk(0% 15% 23% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CEB3A5
- D3BBAE
- D9C4B8
- DECCC2
- E4D4CC
- E9DDD6
- EFE5E0
- F4EEEA
- FAF6F5
Sắc đậm
- AE9486
- 947E72
- 7B685E
- 63544B
- 4C4039
- 362D28
- 211B18
- 0F0B09
- 020101
Sắc xám
- C1A798
- B9A296
- B29E93
- AB9A90
- A4958E
- 9C918B
- 958D88
- 8E8885
- 878483
Hòa sắc
Bổ túc +180°
- C8AB9B
Frappé
- 98B7C7
≈ Country Air
Tương đồng -30° +30°
- C8AB9B
Frappé
- CBA8A7
≈ Hydrangea Bouquet
- BFB095
≈ Mocha Cake
Bộ ba +120° +240°
- C8AB9B
Frappé
- 99BBAE
≈ Moncur
- B1AECA
≈ Lavender Dream
Bổ túc chia +150° +210°
- C8AB9B
Frappé
- 94BABC
≈ Watchet
- A3B3CC
≈ Kentucky Blue
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 2.15:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.75:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--frappe: #c8ab9b;
--frappe-rgb: 200 171 155;
--frappe-oklch: oklch(0.762 0.041 50.6);
}
.element {
color: var(--frappe);
background-color: hsl(21 29% 70%);
border-color: oklch(0.762 0.041 50.6);
}Tailwind CSS v4
@theme {
--color-frappe: #c8ab9b;
--color-frappe-50: #fff2eb;
--color-frappe-100: #f4e5dc;
--color-frappe-200: #e3d0c5;
--color-frappe-300: #c9b2a5;
--color-frappe-400: #b39889;
--color-frappe-500: #9d7f6e;
--color-frappe-600: #856b5d;
--color-frappe-700: #6a564a;
--color-frappe-800: #4e3e36;
--color-frappe-900: #372b25;
--color-frappe-950: #211814;
}SCSS
$frappe: #c8ab9b;
$frappe-rgb: 200, 171, 155;
$frappe-light: mix(#fff, $frappe, 20%);
$frappe-dark: mix(#000, $frappe, 20%);
.element {
color: $frappe;
box-shadow: 0 0 0 2px rgba($frappe, 0.35);
}