Màu có tên · #CD607E
Cinnamon Satin
Cinnamon Satin là #CD607E: rgb(205 96 126), hsl(343 52% 59%), oklch(0.629 0.141 4.7). 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.
What does Red mean? → · Cinnamon Satin color name →
#CD607E
oklch(0.629 0.141 4.7)
Chuyển đổi màu
- HEX
- #cd607e
- RGB
- rgb(205 96 126)
- HSL
- hsl(343 52% 59%)
- HWB
- hwb(343 38% 20%)
- OKLCH
- oklch(0.629 0.141 4.7)
- OKLab
- oklab(0.629 0.14 0.011)
- CIE Lab
- lab(55.31 46.24 5.09)
- LCH
- lch(55.31 46.52 6.3)
- CMYK
- cmyk(0% 53% 39% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D4718A
- DA8196
- E090A3
- E6A0B0
- EBB0BC
- F0C0C9
- F4CFD7
- F8DFE4
- FCEFF1
Sắc đậm
- B2526D
- 98455C
- 7E384C
- 662C3C
- 4E202D
- 38151F
- 230A11
- 0F0305
- 020001
Sắc xám
- C6647E
- BF687E
- B86C7F
- B1707F
- A9737F
- A2767F
- 9A797F
- 927B80
- 897E80
Hòa sắc
Bổ túc +180°
- CD607E
Cinnamon Satin
- 009E91
≈ On a Whim
Tương đồng -30° +30°
- CD607E
Cinnamon Satin
- BB65AB
≈ Young Purple
- D0654C
≈ Enshūcha Red
Bộ ba +120° +240°
- CD607E
Cinnamon Satin
- 769727
≈ Siskin Sprout
- 2990D8
≈ Kahu Blue
Bổ túc chia +150° +210°
- CD607E
Cinnamon Satin
- 2BA161
≈ Biel-Tan Green
- 0099B2
≈ Caneel Bay
Bộ bốn +90° +180° +270°
- CD607E
Cinnamon Satin
- A28700
≈ Golden Palm
- 009E91
≈ On a Whim
- 7180DD
≈ Tanzine
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.77:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.57:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--cinnamon-satin: #cd607e;
--cinnamon-satin-rgb: 205 96 126;
--cinnamon-satin-oklch: oklch(0.629 0.141 4.7);
}
.element {
color: var(--cinnamon-satin);
background-color: hsl(343 52% 59%);
border-color: oklch(0.629 0.141 4.7);
}Tailwind CSS v4
@theme {
--color-cinnamon-satin: #cd607e;
--color-cinnamon-satin-50: #ffe5ee;
--color-cinnamon-satin-100: #ffd5e0;
--color-cinnamon-satin-200: #ffbbca;
--color-cinnamon-satin-300: #f598ab;
--color-cinnamon-satin-400: #e27894;
--color-cinnamon-satin-500: #cf577a;
--color-cinnamon-satin-600: #af4b67;
--color-cinnamon-satin-700: #8d3c53;
--color-cinnamon-satin-800: #682a3e;
--color-cinnamon-satin-900: #4a1c2b;
--color-cinnamon-satin-950: #300c18;
}SCSS
$cinnamon-satin: #cd607e;
$cinnamon-satin-rgb: 205, 96, 126;
$cinnamon-satin-light: mix(#fff, $cinnamon-satin, 20%);
$cinnamon-satin-dark: mix(#000, $cinnamon-satin, 20%);
.element {
color: $cinnamon-satin;
box-shadow: 0 0 0 2px rgba($cinnamon-satin, 0.35);
}