Màu có tên gần nhất · #C9B088
#C9B088
Màu có tên gần nhất: Windsor Toffee
#C9B088 (rgb(201 176 136), hsl(37 38% 66%), oklch(0.769 0.061 79.3)) gần nhất với màu có tên Windsor Toffee. 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.
#C9B088
oklch(0.769 0.061 79.3)
Chuyển đổi màu
- HEX
- #c9b088
- RGB
- rgb(201 176 136)
- HSL
- hsl(37 38% 66%)
- HWB
- hwb(37 53% 21%)
- OKLCH
- oklch(0.769 0.061 79.3)
- OKLab
- oklab(0.769 0.011 0.06)
- CIE Lab
- lab(73.29 4.98 24.05)
- LCH
- lch(73.29 24.56 78.3)
- CMYK
- cmyk(0% 12% 32% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CEB894
- D4C0A0
- D9C7AB
- DFCFB7
- E4D7C3
- E9DFCF
- EFE7DB
- F4EFE7
- FAF7F3
Sắc đậm
- AE9975
- 958263
- 7C6C52
- 645641
- 4C4231
- 362E22
- 221C13
- 0F0B06
- 020101
Sắc xám
- C1AB88
- BAA687
- B3A186
- AB9D86
- A49885
- 9D9384
- 958E83
- 8E8A82
- 878581
Hòa sắc
Bổ túc +180°
- C9B088
Windsor Toffee
- 9DB5DB
≈ Mont Blanc
Tương đồng -30° +30°
- C9B088
Windsor Toffee
- D5A992
≈ Rundlet Peach
- B6B88B
≈ Secret Glade
Bộ ba +120° +240°
- C9B088
Windsor Toffee
- 85C0C3
≈ Celestine
- C5A8CD
≈ Feminine Fancy
Bổ túc chia +150° +210°
- C9B088
Windsor Toffee
- 8BBCD3
≈ Bonnie Blue
- B2AED9
≈ Purple Hibiscus
Bộ bốn +90° +180° +270°
- C9B088
Windsor Toffee
- 8DC1AD
≈ Spearmint Frosting
- 9DB5DB
≈ Mont Blanc
- D3A4BA
≈ Enhance
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.08:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 10.04:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 10.04:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--windsor-toffee: #c9b088;
--windsor-toffee-rgb: 201 176 136;
--windsor-toffee-oklch: oklch(0.769 0.061 79.3);
}
.element {
color: var(--windsor-toffee);
background-color: hsl(37 38% 66%);
border-color: oklch(0.769 0.061 79.3);
}Tailwind CSS v4
@theme {
--color-windsor-toffee: #c9b088;
--color-windsor-toffee-50: #fef4e2;
--color-windsor-toffee-100: #f2e6d2;
--color-windsor-toffee-200: #e2d2b7;
--color-windsor-toffee-300: #c8b594;
--color-windsor-toffee-400: #b29b76;
--color-windsor-toffee-500: #9c8257;
--color-windsor-toffee-600: #846e4a;
--color-windsor-toffee-700: #6a583b;
--color-windsor-toffee-800: #4e402a;
--color-windsor-toffee-900: #362c1c;
--color-windsor-toffee-950: #21190c;
}SCSS
$windsor-toffee: #c9b088;
$windsor-toffee-rgb: 201, 176, 136;
$windsor-toffee-light: mix(#fff, $windsor-toffee, 20%);
$windsor-toffee-dark: mix(#000, $windsor-toffee, 20%);
.element {
color: $windsor-toffee;
box-shadow: 0 0 0 2px rgba($windsor-toffee, 0.35);
}