Cor nomeada mais próxima · #E5EEE9
#E5EEE9
Cor nomeada mais próxima: Frosty Pink
#E5EEE9 (rgb(229 238 233), hsl(147 21% 92%), oklch(0.941 0.012 162)) é mais próxima da cor nomeada Frosty Pink. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E5EEE9
oklch(0.941 0.012 162)
Conversões de cor
- HEX
- #e5eee9
- RGB
- rgb(229 238 233)
- HSL
- hsl(147 21% 92%)
- HWB
- hwb(147 90% 7%)
- OKLCH
- oklch(0.941 0.012 162)
- OKLab
- oklab(0.941 -0.011 0.004)
- CIE Lab
- lab(93.31 -3.77 1.33)
- LCH
- lch(93.31 4 160.5)
- CMYK
- cmyk(4% 0% 2% 7%)
Tons claros · Sombras · Tons
Tons claros
- E8F0EB
- EAF1ED
- EDF3F0
- EFF5F2
- F2F6F4
- F5F8F6
- F7FAF8
- FAFCFB
- FCFDFD
Sombras
- C7CFCB
- AAB1AD
- 8E9390
- 727774
- 585C5A
- 3F4241
- 282A29
- 121413
- 030303
Tons
- DAE2DE
- D0D7D3
- C6CCC8
- BBC1BE
- B1B5B3
- A7AAA9
- 9DA09E
- 939594
- 8A8A8A
Harmonias de cor
Complementar +180°
- E5EEE9
Frosty Pink
- F1E9EE
≈ Rose Fantasy
Análoga -30° +30°
- E5EEE9
Frosty Pink
- E9EDE5
≈ Silence
- E3EEED
≈ Bashful
Tríade +120° +240°
- E5EEE9
Frosty Pink
- EAEBF3
≈ Silver Phoenix
- F3E9E5
≈ Sauvignon
Complementar dividida +150° +210°
- E5EEE9
Frosty Pink
- EEE9F1
≈ Greek Goddess
- F3E8E9
≈ White-Red
Tétrade +90° +180° +270°
- E5EEE9
Frosty Pink
- E6ECF3
≈ Solitude
- F1E9EE
≈ Rose Fantasy
- F0EAE3
≈ Refer to the Stars
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.73:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.73:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--frosty-pink: #e5eee9;
--frosty-pink-rgb: 229 238 233;
--frosty-pink-oklch: oklch(0.941 0.012 162);
}
.element {
color: var(--frosty-pink);
background-color: hsl(147 21% 92%);
border-color: oklch(0.941 0.012 162);
}Tailwind CSS v4
@theme {
--color-frosty-pink: #e5eee9;
--color-frosty-pink-50: #f2f6f4;
--color-frosty-pink-100: #e4e9e7;
--color-frosty-pink-200: #d0d6d3;
--color-frosty-pink-300: #b2b9b6;
--color-frosty-pink-400: #99a19c;
--color-frosty-pink-500: #808984;
--color-frosty-pink-600: #6c746f;
--color-frosty-pink-700: #565c59;
--color-frosty-pink-800: #3f4441;
--color-frosty-pink-900: #2b2f2d;
--color-frosty-pink-950: #191b1a;
}SCSS
$frosty-pink: #e5eee9;
$frosty-pink-rgb: 229, 238, 233;
$frosty-pink-light: mix(#fff, $frosty-pink, 20%);
$frosty-pink-dark: mix(#000, $frosty-pink, 20%);
.element {
color: $frosty-pink;
box-shadow: 0 0 0 2px rgba($frosty-pink, 0.35);
}