Màu có tên gần nhất · #C08E8D
#C08E8D
Màu có tên gần nhất: Rosy Brown
#C08E8D (rgb(192 142 141), hsl(1 29% 65%), oklch(0.695 0.061 20.1)) gần nhất với màu có tên Rosy Brown. 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.
#C08E8D
oklch(0.695 0.061 20.1)
Chuyển đổi màu
- HEX
- #c08e8d
- RGB
- rgb(192 142 141)
- HSL
- hsl(1 29% 65%)
- HWB
- hwb(1 55% 25%)
- OKLCH
- oklch(0.695 0.061 20.1)
- OKLab
- oklab(0.695 0.057 0.021)
- CIE Lab
- lab(63.95 19.44 8.37)
- LCH
- lch(63.95 21.17 23.3)
- CMYK
- cmyk(0% 26% 27% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C79998
- CDA4A3
- D4AFAE
- DABAB9
- E0C5C5
- E7D1D0
- EDDCDC
- F3E8E7
- F9F3F3
Sắc đậm
- A77B7A
- 8E6867
- 765655
- 5F4444
- 493433
- 342423
- 201514
- 0E0707
- 020101
Sắc xám
- BA8D8C
- B38B8A
- AD8A89
- A78988
- A08787
- 9A8685
- 948484
- 8D8383
- 878281
Hòa sắc
Bổ túc +180°
- C08E8D
Rosy Brown
- 6EA9AC
≈ Timid Sea
Tương đồng -30° +30°
- C08E8D
Rosy Brown
- BB8EA2
≈ Elite Pink
- BD927B
≈ Turkish Bath
Bộ ba +120° +240°
- C08E8D
Rosy Brown
- 89A783
≈ Baby Spinach
- 879EC3
≈ Lavender Lustre
Bổ túc chia +150° +210°
- C08E8D
Rosy Brown
- 76A997
≈ Acapulco
- 75A4BC
≈ Blue Ridge Mist
Bộ bốn +90° +180° +270°
- C08E8D
Rosy Brown
- 9FA174
≈ Dill Powder
- 6EA9AC
≈ Timid Sea
- 9C97C1
≈ Majestic Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.80:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.49:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--rosy-brown: #c08e8d;
--rosy-brown-rgb: 192 142 141;
--rosy-brown-oklch: oklch(0.695 0.061 20.1);
}
.element {
color: var(--rosy-brown);
background-color: hsl(1 29% 65%);
border-color: oklch(0.695 0.061 20.1);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #c08e8d;
--color-rosy-brown-50: #ffefed;
--color-rosy-brown-100: #fce0df;
--color-rosy-brown-200: #eecbc8;
--color-rosy-brown-300: #d5aca9;
--color-rosy-brown-400: #c0908f;
--color-rosy-brown-500: #ab7675;
--color-rosy-brown-600: #916463;
--color-rosy-brown-700: #74504f;
--color-rosy-brown-800: #563a3a;
--color-rosy-brown-900: #3c2828;
--color-rosy-brown-950: #251616;
}SCSS
$rosy-brown: #c08e8d;
$rosy-brown-rgb: 192, 142, 141;
$rosy-brown-light: mix(#fff, $rosy-brown, 20%);
$rosy-brown-dark: mix(#000, $rosy-brown, 20%);
.element {
color: $rosy-brown;
box-shadow: 0 0 0 2px rgba($rosy-brown, 0.35);
}