Cor nomeada · #CD607E
Cinnamon Satin
Cinnamon Satin é #CD607E: rgb(205 96 126), hsl(343 52% 59%), oklch(0.629 0.141 4.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cinnamon Satin color name →
#CD607E
oklch(0.629 0.141 4.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D4718A
- DA8196
- E090A3
- E6A0B0
- EBB0BC
- F0C0C9
- F4CFD7
- F8DFE4
- FCEFF1
Sombras
- B2526D
- 98455C
- 7E384C
- 662C3C
- 4E202D
- 38151F
- 230A11
- 0F0305
- 020001
Tons
- C6647E
- BF687E
- B86C7F
- B1707F
- A9737F
- A2767F
- 9A797F
- 927B80
- 897E80
Harmonias de cor
Complementar +180°
- CD607E
Cinnamon Satin
- 009E91
≈ On a Whim
Análoga -30° +30°
- CD607E
Cinnamon Satin
- BB65AB
≈ Young Purple
- D0654C
≈ Enshūcha Red
Tríade +120° +240°
- CD607E
Cinnamon Satin
- 769727
≈ Siskin Sprout
- 2990D8
≈ Kahu Blue
Complementar dividida +150° +210°
- CD607E
Cinnamon Satin
- 2BA161
≈ Biel-Tan Green
- 0099B2
≈ Caneel Bay
Tétrade +90° +180° +270°
- CD607E
Cinnamon Satin
- A28700
≈ Golden Palm
- 009E91
≈ On a Whim
- 7180DD
≈ Tanzine
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.77:1 · APCA Lc 65
Ag
AASobre preto
WCAG 5.57:1 · APCA Lc 37
Melhor cor de texto: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Trechos de código
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);
}