Cor nomeada mais próxima · #E9B5BB
#E9B5BB
Cor nomeada mais próxima: Heart’s Content
#E9B5BB (rgb(233 181 187), hsl(353 54% 81%), oklch(0.822 0.061 10.7)) é mais próxima da cor nomeada Heart’s Content. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E9B5BB
oklch(0.822 0.061 10.7)
Conversões de cor
- HEX
- #e9b5bb
- RGB
- rgb(233 181 187)
- HSL
- hsl(353 54% 81%)
- HWB
- hwb(353 71% 9%)
- OKLCH
- oklch(0.822 0.061 10.7)
- OKLab
- oklab(0.822 0.06 0.011)
- CIE Lab
- lab(78.62 20.06 4.58)
- LCH
- lch(78.62 20.58 12.9)
- CMYK
- cmyk(0% 22% 20% 9%)
Tons claros · Sombras · Tons
Tons claros
- ECBCC2
- EEC4C8
- F0CBCF
- F3D2D6
- F5DADD
- F7E1E3
- F9E9EA
- FBF0F1
- FDF8F8
Sombras
- CB9DA2
- AD868A
- 906F73
- 74595C
- 5A4446
- 413032
- 291D1F
- 130C0D
- 030202
Tons
- DEB0B5
- D4AAAF
- C9A5A9
- BEA0A3
- B49A9D
- A99597
- 9F9091
- 958B8B
- 8A8586
Harmonias de cor
Complementar +180°
- E9B5BB
Heart’s Content
- 97D2CE
≈ Summer Soft Blue
Análoga -30° +30°
- E9B5BB
Heart’s Content
- E1B6D1
≈ Muddy Mauve
- E8B8A7
≈ Embrace
Tríade +120° +240°
- E9B5BB
Heart’s Content
- B7CDA4
≈ Gleam
- A8C8EB
≈ Island Light
Complementar dividida +150° +210°
- E9B5BB
Heart’s Content
- A3D1B8
≈ Feather Green
- 99CEE0
≈ December Solstice
Tétrade +90° +180° +270°
- E9B5BB
Heart’s Content
- CDC699
≈ Paris Mint
- 97D2CE
≈ Summer Soft Blue
- BDC1EC
≈ Vodka
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.79:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--heart-s-content: #e9b5bb;
--heart-s-content-rgb: 233 181 187;
--heart-s-content-oklch: oklch(0.822 0.061 10.7);
}
.element {
color: var(--heart-s-content);
background-color: hsl(353 54% 81%);
border-color: oklch(0.822 0.061 10.7);
}Tailwind CSS v4
@theme {
--color-heart-s-content: #e9b5bb;
--color-heart-s-content-50: #ffeef0;
--color-heart-s-content-100: #fce0e2;
--color-heart-s-content-200: #edcacd;
--color-heart-s-content-300: #d5abaf;
--color-heart-s-content-400: #bf9096;
--color-heart-s-content-500: #aa767c;
--color-heart-s-content-600: #906469;
--color-heart-s-content-700: #735054;
--color-heart-s-content-800: #553a3e;
--color-heart-s-content-900: #3b272b;
--color-heart-s-content-950: #251618;
}SCSS
$heart-s-content: #e9b5bb;
$heart-s-content-rgb: 233, 181, 187;
$heart-s-content-light: mix(#fff, $heart-s-content, 20%);
$heart-s-content-dark: mix(#000, $heart-s-content, 20%);
.element {
color: $heart-s-content;
box-shadow: 0 0 0 2px rgba($heart-s-content, 0.35);
}