Màu có tên gần nhất · #C6AC87
#C6AC87
Màu có tên gần nhất: Croissant
#C6AC87 (rgb(198 172 135), hsl(35 36% 65%), oklch(0.758 0.059 76.4)) gần nhất với màu có tên Croissant. 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.
#C6AC87
oklch(0.758 0.059 76.4)
Chuyển đổi màu
- HEX
- #c6ac87
- RGB
- rgb(198 172 135)
- HSL
- hsl(35 36% 65%)
- HWB
- hwb(35 53% 22%)
- OKLCH
- oklch(0.758 0.059 76.4)
- OKLab
- oklab(0.758 0.014 0.057)
- CIE Lab
- lab(71.97 5.71 22.76)
- LCH
- lch(71.97 23.46 75.9)
- CMYK
- cmyk(0% 13% 32% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CCB493
- D1BC9F
- D7C5AA
- DDCDB6
- E2D5C2
- E8DDCE
- EEE6DA
- F4EEE7
- F9F7F3
Sắc đậm
- AC9575
- 927F63
- 7A6951
- 625441
- 4B4031
- 352D21
- 211B13
- 0E0B06
- 020101
Sắc xám
- BFA887
- B8A386
- B19F86
- AA9A85
- A39684
- 9C9284
- 958D83
- 8E8982
- 878481
Hòa sắc
Bổ túc +180°
- C6AC87
Croissant
- 99B2D6
≈ Echo Isles Water
Tương đồng -30° +30°
- C6AC87
Croissant
- D1A691
≈ Amber Grey
- B5B388
≈ Sumptuous Sage
Bộ ba +120° +240°
- C6AC87
Croissant
- 84BCBD
≈ Riverbed
- BFA5CA
≈ Lavendula
Bổ túc chia +150° +210°
- C6AC87
Croissant
- 89B9CD
≈ Blue Bird Morning
- ADABD5
≈ Monastic
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.17:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.65:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--croissant: #c6ac87;
--croissant-rgb: 198 172 135;
--croissant-oklch: oklch(0.758 0.059 76.4);
}
.element {
color: var(--croissant);
background-color: hsl(35 36% 65%);
border-color: oklch(0.758 0.059 76.4);
}Tailwind CSS v4
@theme {
--color-croissant: #c6ac87;
--color-croissant-50: #fff4e3;
--color-croissant-100: #f3e6d3;
--color-croissant-200: #e2d2b9;
--color-croissant-300: #c8b496;
--color-croissant-400: #b39a78;
--color-croissant-500: #9d815a;
--color-croissant-600: #846d4c;
--color-croissant-700: #6a573d;
--color-croissant-800: #4f402b;
--color-croissant-900: #372c1d;
--color-croissant-950: #21190d;
}SCSS
$croissant: #c6ac87;
$croissant-rgb: 198, 172, 135;
$croissant-light: mix(#fff, $croissant, 20%);
$croissant-dark: mix(#000, $croissant, 20%);
.element {
color: $croissant;
box-shadow: 0 0 0 2px rgba($croissant, 0.35);
}