Màu có tên gần nhất · #9C6571
#9C6571
Màu có tên gần nhất: Cinnapink
#9C6571 (rgb(156 101 113), hsl(347 22% 50%), oklch(0.569 0.073 5.4)) gần nhất với màu có tên Cinnapink. 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.
#9C6571
oklch(0.569 0.073 5.4)
Chuyển đổi màu
- HEX
- #9c6571
- RGB
- rgb(156 101 113)
- HSL
- hsl(347 22% 50%)
- HWB
- hwb(347 40% 39%)
- OKLCH
- oklch(0.569 0.073 5.4)
- OKLab
- oklab(0.569 0.072 0.007)
- CIE Lab
- lab(49.16 24.05 2.91)
- LCH
- lch(49.16 24.23 6.9)
- CMYK
- cmyk(0% 35% 28% 39%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A6747E
- B0828C
- BA9199
- C4A0A7
- CEB0B5
- D8BFC4
- E2CFD2
- ECDFE1
- F5EFF0
Sắc đậm
- 875761
- 734952
- 5F3C43
- 4C2F35
- 392227
- 28171A
- 180C0E
- 090304
- 010001
Sắc xám
- 9A6872
- 976B74
- 956E75
- 927077
- 8F7378
- 8D767A
- 8A787B
- 877B7D
- 837D7E
Hòa sắc
Bổ túc +180°
- 9C6571
Cinnapink
- 3E857D
≈ Carlisle
Tương đồng -30° +30°
- 9C6571
Cinnapink
- 926788
≈ Rust Magenta
- 9D685A
≈ Au Chico
Bộ ba +120° +240°
- 9C6571
Cinnapink
- 6D7F4F
≈ Creamed Avocado
- 527C9F
≈ Biedermeier Blue
Bổ túc chia +150° +210°
- 9C6571
Cinnapink
- 538465
≈ Soylent Green
- 3E8292
≈ Wipeout
Bộ bốn +90° +180° +270°
- 9C6571
Cinnapink
- 847743
≈ Caper Green
- 3E857D
≈ Carlisle
- 6B74A2
≈ Blue Batik
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.65:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.51:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--cinnapink: #9c6571;
--cinnapink-rgb: 156 101 113;
--cinnapink-oklch: oklch(0.569 0.073 5.4);
}
.element {
color: var(--cinnapink);
background-color: hsl(347 22% 50%);
border-color: oklch(0.569 0.073 5.4);
}Tailwind CSS v4
@theme {
--color-cinnapink: #9c6571;
--color-cinnapink-50: #ffedf1;
--color-cinnapink-100: #ffdee3;
--color-cinnapink-200: #f1c8cf;
--color-cinnapink-300: #d9a9b1;
--color-cinnapink-400: #c48d98;
--color-cinnapink-500: #b0727f;
--color-cinnapink-600: #94606c;
--color-cinnapink-700: #774d56;
--color-cinnapink-800: #583840;
--color-cinnapink-900: #3d262c;
--color-cinnapink-950: #271419;
}SCSS
$cinnapink: #9c6571;
$cinnapink-rgb: 156, 101, 113;
$cinnapink-light: mix(#fff, $cinnapink, 20%);
$cinnapink-dark: mix(#000, $cinnapink, 20%);
.element {
color: $cinnapink;
box-shadow: 0 0 0 2px rgba($cinnapink, 0.35);
}