Cor nomeada mais próxima · #CD5264
#CD5264
Cor nomeada mais próxima: Cabaret
#CD5264 (rgb(205 82 100), hsl(351 55% 56%), oklch(0.604 0.156 14.2)) é mais próxima da cor nomeada Cabaret. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CD5264
oklch(0.604 0.156 14.2)
Conversões de cor
- HEX
- #cd5264
- RGB
- rgb(205 82 100)
- HSL
- hsl(351 55% 56%)
- HWB
- hwb(351 32% 20%)
- OKLCH
- oklch(0.604 0.156 14.2)
- OKLab
- oklab(0.604 0.151 0.038)
- CIE Lab
- lab(52.29 50.7 16.29)
- LCH
- lch(52.29 53.25 17.8)
- CMYK
- cmyk(0% 60% 51% 20%)
Tons claros · Sombras · Tons
Tons claros
- D46573
- DB7781
- E18890
- E7999F
- ECAAAF
- F1BBBE
- F5CCCE
- F9DDDE
- FCEEEF
Sombras
- B24656
- 983B48
- 7E2F3B
- 66252E
- 4E1A22
- 381116
- 23080B
- 0F0203
- 020000
Tons
- C65967
- C05E6A
- B9646D
- B2696F
- AA6D72
- A37175
- 9B7578
- 92797B
- 897D7D
Harmonias de cor
Complementar +180°
- CD5264
Cabaret
- 009494
≈ Paradise Landscape
Análoga -30° +30°
- CD5264
Cabaret
- BF5598
≈ Llilacquered
- CB5C23
≈ Bright Delight
Tríade +120° +240°
- CD5264
Cabaret
- 579423
≈ Pont Moss
- 3482DC
≈ Soothing Sapphire
Complementar dividida +150° +210°
- CD5264
Cabaret
- 00996D
≈ Rainforest
- 008FB4
≈ Cool Tide
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.21:1 · APCA Lc 68
Ag
AASobre preto
WCAG 4.98:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
CSS
:root {
--cabaret: #cd5264;
--cabaret-rgb: 205 82 100;
--cabaret-oklch: oklch(0.604 0.156 14.2);
}
.element {
color: var(--cabaret);
background-color: hsl(351 55% 56%);
border-color: oklch(0.604 0.156 14.2);
}Tailwind CSS v4
@theme {
--color-cabaret: #cd5264;
--color-cabaret-50: #ffe4e6;
--color-cabaret-100: #ffd3d6;
--color-cabaret-200: #ffb9bd;
--color-cabaret-300: #fd959c;
--color-cabaret-400: #eb7382;
--color-cabaret-500: #d95066;
--color-cabaret-600: #b74556;
--color-cabaret-700: #933745;
--color-cabaret-800: #6e2633;
--color-cabaret-900: #4d1a23;
--color-cabaret-950: #330912;
}SCSS
$cabaret: #cd5264;
$cabaret-rgb: 205, 82, 100;
$cabaret-light: mix(#fff, $cabaret, 20%);
$cabaret-dark: mix(#000, $cabaret, 20%);
.element {
color: $cabaret;
box-shadow: 0 0 0 2px rgba($cabaret, 0.35);
}