Cor nomeada · #DD99BB
Soft Matte
Soft Matte é #DD99BB: rgb(221 153 187), hsl(330 50% 73%), oklch(0.759 0.092 348.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Soft Matte color name →
#DD99BB
oklch(0.759 0.092 348.1)
Conversões de cor
- HEX
- #dd99bb
- RGB
- rgb(221 153 187)
- HSL
- hsl(330 50% 73%)
- HWB
- hwb(330 60% 13%)
- OKLCH
- oklch(0.759 0.092 348.1)
- OKLab
- oklab(0.759 0.09 -0.019)
- CIE Lab
- lab(70.83 29.85 -6.87)
- LCH
- lch(70.83 30.63 347)
- CMYK
- cmyk(0% 31% 15% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1A3C2
- E5ADC8
- E9B7CF
- ECC2D6
- F0CCDD
- F3D6E3
- F6E0EA
- F9EAF1
- FCF5F8
Sombras
- C084A2
- A4708A
- 885D73
- 6E4A5C
- 553846
- 3D2732
- 26171F
- 11080D
- 020102
Tons
- D497B5
- CA94AF
- C192A9
- B890A3
- AF8D9D
- A58B97
- 9C8891
- 93858C
- 898386
Harmonias de cor
Complementar +180°
- DD99BB
Soft Matte
- 73C4A6
≈ Gem Silica
Análoga -30° +30°
- DD99BB
Soft Matte
- CA9ED7
≈ Autumn Wisteria
- E5999B
≈ Franken Berry
Tríade +120° +240°
- DD99BB
Soft Matte
- B6B66F
≈ Olive Oil
- 6EBDDF
≈ Bluebrite
Complementar dividida +150° +210°
- DD99BB
Soft Matte
- 94BF86
≈ Hearty Hosta
- 61C3C6
≈ Gem Turquoise
Tétrade +90° +180° +270°
- DD99BB
Soft Matte
- D1AA6C
≈ Artemis
- 73C4A6
≈ Gem Silica
- 8DB3EB
≈ Fly Away
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.34:1 · APCA Lc 58
Melhor cor de texto: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Trechos de código
CSS
:root {
--soft-matte: #dd99bb;
--soft-matte-rgb: 221 153 187;
--soft-matte-oklch: oklch(0.759 0.092 348.1);
}
.element {
color: var(--soft-matte);
background-color: hsl(330 50% 73%);
border-color: oklch(0.759 0.092 348.1);
}Tailwind CSS v4
@theme {
--color-soft-matte: #dd99bb;
--color-soft-matte-50: #ffebf9;
--color-soft-matte-100: #ffdcec;
--color-soft-matte-200: #f4c5da;
--color-soft-matte-300: #dda5be;
--color-soft-matte-400: #c788a8;
--color-soft-matte-500: #b36c91;
--color-soft-matte-600: #975c7a;
--color-soft-matte-700: #794962;
--color-soft-matte-800: #593549;
--color-soft-matte-900: #3e2433;
--color-soft-matte-950: #27131e;
}SCSS
$soft-matte: #dd99bb;
$soft-matte-rgb: 221, 153, 187;
$soft-matte-light: mix(#fff, $soft-matte, 20%);
$soft-matte-dark: mix(#000, $soft-matte, 20%);
.element {
color: $soft-matte;
box-shadow: 0 0 0 2px rgba($soft-matte, 0.35);
}