Cor nomeada mais próxima · #E9FCEE
#E9FCEE
Cor nomeada mais próxima: Snow White
#E9FCEE (rgb(233 252 238), hsl(136 76% 95%), oklch(0.973 0.027 153.9)) é mais próxima da cor nomeada Snow White. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E9FCEE
oklch(0.973 0.027 153.9)
Conversões de cor
- HEX
- #e9fcee
- RGB
- rgb(233 252 238)
- HSL
- hsl(136 76% 95%)
- HWB
- hwb(136 91% 1%)
- OKLCH
- oklch(0.973 0.027 153.9)
- OKLab
- oklab(0.973 -0.024 0.012)
- CIE Lab
- lab(97.27 -8.33 4.49)
- LCH
- lch(97.27 9.46 151.7)
- CMYK
- cmyk(8% 0% 6% 1%)
Tons claros · Sombras · Tons
Tons claros
- EBFCF0
- EDFDF1
- F0FDF3
- F2FDF5
- F4FEF6
- F6FEF8
- F8FEFA
- FBFEFC
- FDFFFD
Sombras
- CBDBCF
- ADBBB1
- 909C93
- 747E77
- 5A625C
- 414742
- 292D2A
- 131614
- 030303
Tons
- DEEFE2
- D3E2D7
- C8D5CC
- BEC9C1
- B3BCB5
- A9B0AB
- 9EA4A0
- 949895
- 8A8C8A
Harmonias de cor
Complementar +180°
- E9FCEE
Snow White
- FFF2FC
≈ Pinkish White
Análoga -30° +30°
- E9FCEE
Snow White
- F2FAE6
≈ White Sulphur
- E3FDF8
≈ Matterhorn Snow
Tríade +120° +240°
- E9FCEE
Snow White
- F3F6FF
≈ Mā White
- FFF3F0
≈ Soft Peach Mist
Complementar dividida +150° +210°
- E9FCEE
Snow White
- F8F4FF
≈ Sugar Crystal
- FFF3F5
≈ Glimpse of Pink
Tétrade +90° +180° +270°
- E9FCEE
Snow White
- EFF7FF
≈ Alice Blue
- FFF2FC
≈ Pinkish White
- FFF4EA
≈ Ambrosia Ivory
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.07:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.62:1 · APCA Lc 103
Melhor cor de texto: #000000
WCAG 19.62:1 (AAA) · APCA Lc 103
Contrast pairs
Trechos de código
CSS
:root {
--snow-white: #e9fcee;
--snow-white-rgb: 233 252 238;
--snow-white-oklch: oklch(0.973 0.027 153.9);
}
.element {
color: var(--snow-white);
background-color: hsl(136 76% 95%);
border-color: oklch(0.973 0.027 153.9);
}Tailwind CSS v4
@theme {
--color-snow-white: #e9fcee;
--color-snow-white-50: #eff8f2;
--color-snow-white-100: #e1ebe4;
--color-snow-white-200: #ccd8cf;
--color-snow-white-300: #adbcb2;
--color-snow-white-400: #93a397;
--color-snow-white-500: #798c7e;
--color-snow-white-600: #66766b;
--color-snow-white-700: #525f55;
--color-snow-white-800: #3c453e;
--color-snow-white-900: #29302a;
--color-snow-white-950: #171c18;
}SCSS
$snow-white: #e9fcee;
$snow-white-rgb: 233, 252, 238;
$snow-white-light: mix(#fff, $snow-white, 20%);
$snow-white-dark: mix(#000, $snow-white, 20%);
.element {
color: $snow-white;
box-shadow: 0 0 0 2px rgba($snow-white, 0.35);
}