Cor nomeada mais próxima · #CFB5C4
#CFB5C4
Cor nomeada mais próxima: Mauvelous
#CFB5C4 (rgb(207 181 196), hsl(325 21% 76%), oklch(0.8 0.036 342.3)) é mais próxima da cor nomeada Mauvelous. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CFB5C4
oklch(0.8 0.036 342.3)
Conversões de cor
- HEX
- #cfb5c4
- RGB
- rgb(207 181 196)
- HSL
- hsl(325 21% 76%)
- HWB
- hwb(325 71% 19%)
- OKLCH
- oklch(0.8 0.036 342.3)
- OKLab
- oklab(0.8 0.034 -0.011)
- CIE Lab
- lab(76.29 11.53 -4.02)
- LCH
- lch(76.29 12.21 340.8)
- CMYK
- cmyk(0% 13% 5% 19%)
Tons claros · Sombras · Tons
Tons claros
- D4BCCA
- D9C3D0
- DDCBD5
- E2D2DB
- E7DAE1
- ECE1E7
- F1E8ED
- F5F0F3
- FAF7F9
Sombras
- B49DAA
- 998691
- 7F6F78
- 675961
- 4F444A
- 383035
- 231D21
- 100C0E
- 020202
Tons
- C7B0BD
- BFAAB6
- B7A5AF
- AF9FA8
- A79AA1
- 9F959B
- 979094
- 8F8A8D
- 888587
Harmonias de cor
Complementar +180°
- CFB5C4
Mauvelous
- AAC5B7
≈ Kind Green
Análoga -30° +30°
- CFB5C4
Mauvelous
- C6B7CF
≈ Sweet Scent
- D4B5B7
≈ Rose Stain
Tríade +120° +240°
- CFB5C4
Mauvelous
- C2BFA5
≈ Mint Frost
- A5C3CF
≈ Memorybook Blue
Complementar dividida +150° +210°
- CFB5C4
Mauvelous
- B5C3AB
≈ Desolace Dew
- A4C5C4
≈ Ocean Kiss
Tétrade +90° +180° +270°
- CFB5C4
Mauvelous
- CCBBA5
≈ Wise Owl
- AAC5B7
≈ Kind Green
- AEC0D5
≈ Blue Thistle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 11.05:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--mauvelous: #cfb5c4;
--mauvelous-rgb: 207 181 196;
--mauvelous-oklch: oklch(0.8 0.036 342.3);
}
.element {
color: var(--mauvelous);
background-color: hsl(325 21% 76%);
border-color: oklch(0.8 0.036 342.3);
}Tailwind CSS v4
@theme {
--color-mauvelous: #cfb5c4;
--color-mauvelous-50: #fdf1f8;
--color-mauvelous-100: #f1e3eb;
--color-mauvelous-200: #e0ced8;
--color-mauvelous-300: #c6b0bc;
--color-mauvelous-400: #ae96a4;
--color-mauvelous-500: #987d8d;
--color-mauvelous-600: #806a77;
--color-mauvelous-700: #67555f;
--color-mauvelous-800: #4b3e46;
--color-mauvelous-900: #342a31;
--color-mauvelous-950: #20181d;
}SCSS
$mauvelous: #cfb5c4;
$mauvelous-rgb: 207, 181, 196;
$mauvelous-light: mix(#fff, $mauvelous, 20%);
$mauvelous-dark: mix(#000, $mauvelous, 20%);
.element {
color: $mauvelous;
box-shadow: 0 0 0 2px rgba($mauvelous, 0.35);
}