Color con nombre más cercano · #EED9CF
#EED9CF
Color con nombre más cercano: Blushing Coconut
#EED9CF (rgb(238 217 207), hsl(19 48% 87%), oklch(0.9 0.027 47.2)) se parece más al color con nombre Blushing Coconut. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EED9CF
oklch(0.9 0.027 47.2)
Conversiones de color
- HEX
- #eed9cf
- RGB
- rgb(238 217 207)
- HSL
- hsl(19 48% 87%)
- HWB
- hwb(19 81% 7%)
- OKLCH
- oklch(0.9 0.027 47.2)
- OKLab
- oklab(0.9 0.018 0.02)
- CIE Lab
- lab(88.23 6.29 7.71)
- LCH
- lch(88.23 9.95 50.8)
- CMYK
- cmyk(0% 9% 13% 7%)
Tintes · Sombras · Tonos
Tintes
- F0DDD4
- F1E1D8
- F3E4DD
- F5E8E2
- F7ECE7
- F8F0EC
- FAF4F0
- FCF7F5
- FDFBFA
Sombras
- CFBCB4
- B1A199
- 93867F
- 776C67
- 5C534F
- 423B38
- 2A2523
- 141110
- 030202
Tonos
- E2D0C7
- D7C7BF
- CCBDB7
- C1B4AF
- B6ABA7
- ABA39F
- A09A97
- 95918F
- 8A8988
Armonías de color
Complementario +180°
- EED9CF
Blushing Coconut
- CCE2EC
≈ Niagara Falls
Análogo -30° +30°
- EED9CF
Blushing Coconut
- EFD7D7
≈ Light Petite Pink
- E8DCCB
≈ White Mocha
Triádico +120° +240°
- EED9CF
Blushing Coconut
- CEE4DA
≈ Light Silverton
- DCDCEF
≈ Chinese Silver
Complementario dividido +150° +210°
- EED9CF
Blushing Coconut
- CAE4E4
≈ Wave Splash
- D3DFF0
≈ Brisa de Mar
Tetrádico +90° +180° +270°
- EED9CF
Blushing Coconut
- D6E2D1
≈ Sweet Mint Tea
- CCE2EC
≈ Niagara Falls
- E5D9EA
≈ Pale Grey Magenta
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.35:1 · APCA Lc 18
Ag
AAASobre negro
WCAG 15.46:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.46:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--blushing-coconut: #eed9cf;
--blushing-coconut-rgb: 238 217 207;
--blushing-coconut-oklch: oklch(0.9 0.027 47.2);
}
.element {
color: var(--blushing-coconut);
background-color: hsl(19 48% 87%);
border-color: oklch(0.9 0.027 47.2);
}Tailwind CSS v4
@theme {
--color-blushing-coconut: #eed9cf;
--color-blushing-coconut-50: #fcf3ee;
--color-blushing-coconut-100: #f0e5e0;
--color-blushing-coconut-200: #ded1ca;
--color-blushing-coconut-300: #c4b4ab;
--color-blushing-coconut-400: #ad9a91;
--color-blushing-coconut-500: #968177;
--color-blushing-coconut-600: #7f6d65;
--color-blushing-coconut-700: #665751;
--color-blushing-coconut-800: #4b403b;
--color-blushing-coconut-900: #342c28;
--color-blushing-coconut-950: #1f1916;
}SCSS
$blushing-coconut: #eed9cf;
$blushing-coconut-rgb: 238, 217, 207;
$blushing-coconut-light: mix(#fff, $blushing-coconut, 20%);
$blushing-coconut-dark: mix(#000, $blushing-coconut, 20%);
.element {
color: $blushing-coconut;
box-shadow: 0 0 0 2px rgba($blushing-coconut, 0.35);
}