Cor nomeada mais próxima · #EECEE3
#EECEE3
Cor nomeada mais próxima: Sweet Dreams
#EECEE3 (rgb(238 206 227), hsl(321 48% 87%), oklch(0.884 0.045 338.7)) é mais próxima da cor nomeada Sweet Dreams. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EECEE3
oklch(0.884 0.045 338.7)
Conversões de cor
- HEX
- #eecee3
- RGB
- rgb(238 206 227)
- HSL
- hsl(321 48% 87%)
- HWB
- hwb(321 81% 7%)
- OKLCH
- oklch(0.884 0.045 338.7)
- OKLab
- oklab(0.884 0.042 -0.016)
- CIE Lab
- lab(85.97 14.18 -6.05)
- LCH
- lch(85.97 15.41 336.9)
- CMYK
- cmyk(0% 13% 5% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0D3E6
- F2D8E9
- F3DDEB
- F5E1EE
- F7E6F1
- F8EBF4
- FAF0F7
- FCF5F9
- FDFAFC
Sombras
- CFB3C5
- B198A8
- 937F8C
- 776671
- 5C4E57
- 42383F
- 2A2327
- 140F12
- 030203
Tons
- E3C6D9
- D7BECE
- CCB6C4
- C1AEBA
- B6A6B0
- AB9EA6
- A0979D
- 958F93
- 8B8889
Harmonias de cor
Complementar +180°
- EECEE3
Sweet Dreams
- C1E3CE
≈ Beru
Análoga -30° +30°
- EECEE3
Sweet Dreams
- E1D1F0
≈ Lavender Princess
- F5CDD3
≈ Pleasing Pink
Tríade +120° +240°
- EECEE3
Sweet Dreams
- E0DAB8
≈ Sesame Seed
- B9E1ED
≈ Diminished Blue
Complementar dividida +150° +210°
- EECEE3
Sweet Dreams
- D0DFC0
≈ Cat Woman
- B8E3DF
≈ Bleached Aqua
Tétrade +90° +180° +270°
- EECEE3
Sweet Dreams
- EDD4BA
≈ Creamery
- C1E3CE
≈ Beru
- C3DCF6
≈ Fly a Kite
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.57:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.57:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--sweet-dreams: #eecee3;
--sweet-dreams-rgb: 238 206 227;
--sweet-dreams-oklch: oklch(0.884 0.045 338.7);
}
.element {
color: var(--sweet-dreams);
background-color: hsl(321 48% 87%);
border-color: oklch(0.884 0.045 338.7);
}Tailwind CSS v4
@theme {
--color-sweet-dreams: #eecee3;
--color-sweet-dreams-50: #fff0f9;
--color-sweet-dreams-100: #f3e2ec;
--color-sweet-dreams-200: #e2cdda;
--color-sweet-dreams-300: #c8afbe;
--color-sweet-dreams-400: #b195a7;
--color-sweet-dreams-500: #9b7b90;
--color-sweet-dreams-600: #83687a;
--color-sweet-dreams-700: #695362;
--color-sweet-dreams-800: #4d3d48;
--color-sweet-dreams-900: #352a32;
--color-sweet-dreams-950: #21171e;
}SCSS
$sweet-dreams: #eecee3;
$sweet-dreams-rgb: 238, 206, 227;
$sweet-dreams-light: mix(#fff, $sweet-dreams, 20%);
$sweet-dreams-dark: mix(#000, $sweet-dreams, 20%);
.element {
color: $sweet-dreams;
box-shadow: 0 0 0 2px rgba($sweet-dreams, 0.35);
}