Cor nomeada mais próxima · #C1989B
#C1989B
Cor nomeada mais próxima: Mutabilis
#C1989B (rgb(193 152 155), hsl(356 25% 68%), oklch(0.718 0.049 13.5)) é mais próxima da cor nomeada Mutabilis. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C1989B
oklch(0.718 0.049 13.5)
Conversões de cor
- HEX
- #c1989b
- RGB
- rgb(193 152 155)
- HSL
- hsl(356 25% 68%)
- HWB
- hwb(356 60% 24%)
- OKLCH
- oklch(0.718 0.049 13.5)
- OKLab
- oklab(0.718 0.048 0.011)
- CIE Lab
- lab(66.8 16.14 4.59)
- LCH
- lch(66.8 16.78 15.9)
- CMYK
- cmyk(0% 21% 20% 24%)
Tons claros · Sombras · Tons
Tons claros
- C7A2A5
- CEACAE
- D4B6B8
- DAC0C2
- E0CBCC
- E7D5D6
- EDDFE0
- F3EAEA
- F9F4F5
Sombras
- A78486
- 8F7072
- 775C5E
- 5F4A4B
- 493839
- 342728
- 201718
- 0E0809
- 020101
Tons
- BA9698
- B49396
- AD9193
- A78F90
- A18C8D
- 9A8A8B
- 948788
- 8D8585
- 878283
Harmonias de cor
Complementar +180°
- C1989B
Mutabilis
- 80AEAD
≈ Galaxy Green
Análoga -30° +30°
- C1989B
Mutabilis
- BB98AC
≈ Classy Mauve
- C09B8C
≈ Mahogany Rose
Tríade +120° +240°
- C1989B
Mutabilis
- 98AB8C
≈ Banyan Serenity
- 8FA6C3
≈ Frills
Complementar dividida +150° +210°
- C1989B
Mutabilis
- 88AE9C
≈ Corsican
- 83ABBB
≈ Summerhouse Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.23:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
CSS
:root {
--mutabilis: #c1989b;
--mutabilis-rgb: 193 152 155;
--mutabilis-oklch: oklch(0.718 0.049 13.5);
}
.element {
color: var(--mutabilis);
background-color: hsl(356 25% 68%);
border-color: oklch(0.718 0.049 13.5);
}Tailwind CSS v4
@theme {
--color-mutabilis: #c1989b;
--color-mutabilis-50: #fff0f0;
--color-mutabilis-100: #f8e2e2;
--color-mutabilis-200: #e9cccd;
--color-mutabilis-300: #d0aeaf;
--color-mutabilis-400: #ba9396;
--color-mutabilis-500: #a4797d;
--color-mutabilis-600: #8b6769;
--color-mutabilis-700: #6f5254;
--color-mutabilis-800: #523b3e;
--color-mutabilis-900: #39292b;
--color-mutabilis-950: #231718;
}SCSS
$mutabilis: #c1989b;
$mutabilis-rgb: 193, 152, 155;
$mutabilis-light: mix(#fff, $mutabilis, 20%);
$mutabilis-dark: mix(#000, $mutabilis, 20%);
.element {
color: $mutabilis;
box-shadow: 0 0 0 2px rgba($mutabilis, 0.35);
}