Cor nomeada mais próxima · #EBF0F5
#EBF0F5
Cor nomeada mais próxima: Distant Wind Chime
#EBF0F5 (rgb(235 240 245), hsl(210 33% 94%), oklch(0.953 0.009 247.9)) é mais próxima da cor nomeada Distant Wind Chime. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EBF0F5
oklch(0.953 0.009 247.9)
Conversões de cor
- HEX
- #ebf0f5
- RGB
- rgb(235 240 245)
- HSL
- hsl(210 33% 94%)
- HWB
- hwb(210 92% 4%)
- OKLCH
- oklch(0.953 0.009 247.9)
- OKLab
- oklab(0.953 -0.003 -0.008)
- CIE Lab
- lab(94.52 -1.04 -3.03)
- LCH
- lch(94.52 3.21 251)
- CMYK
- cmyk(4% 2% 0% 4%)
Tons claros · Sombras · Tons
Tons claros
- EDF1F6
- EFF3F7
- F1F4F8
- F3F6F9
- F5F7FA
- F7F9FB
- F9FAFC
- FBFCFD
- FDFDFE
Sombras
- CCD1D5
- AEB2B6
- 919598
- 75787B
- 5B5D5F
- 414344
- 292A2B
- 131415
- 030303
Tons
- E0E4E9
- D5D9DD
- CACDD0
- BFC2C5
- B4B6B9
- A9ABAD
- 9FA0A2
- 949596
- 8A8B8B
Harmonias de cor
Complementar +180°
- EBF0F5
Distant Wind Chime
- F3EEE9
≈ Pink Mirage
Análoga -30° +30°
- EBF0F5
Distant Wind Chime
- E9F1F3
≈ Powder White
- EEEFF5
≈ Springtime Rain
Tríade +120° +240°
- EBF0F5
Distant Wind Chime
- F5EDEE
≈ Line Dried Sheets
- EEF1EA
≈ Clean Buffer
Complementar dividida +150° +210°
- EBF0F5
Distant Wind Chime
- F5EEEB
≈ Furry Lady
- F1EFE9
≈ Fuji Snow
Tétrade +90° +180° +270°
- EBF0F5
Distant Wind Chime
- F3EDF1
≈ Dress Pink
- F3EEE9
≈ Pink Mirage
- EBF1ED
≈ Spring Fog
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.31:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--distant-wind-chime: #ebf0f5;
--distant-wind-chime-rgb: 235 240 245;
--distant-wind-chime-oklch: oklch(0.953 0.009 247.9);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(210 33% 94%);
border-color: oklch(0.953 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #ebf0f5;
--color-distant-wind-chime-50: #f3f5f7;
--color-distant-wind-chime-100: #e6e8eb;
--color-distant-wind-chime-200: #d1d4d8;
--color-distant-wind-chime-300: #b4b8bc;
--color-distant-wind-chime-400: #9b9fa3;
--color-distant-wind-chime-500: #82878c;
--color-distant-wind-chime-600: #6e7276;
--color-distant-wind-chime-700: #585b5f;
--color-distant-wind-chime-800: #404345;
--color-distant-wind-chime-900: #2c2e30;
--color-distant-wind-chime-950: #191b1c;
}SCSS
$distant-wind-chime: #ebf0f5;
$distant-wind-chime-rgb: 235, 240, 245;
$distant-wind-chime-light: mix(#fff, $distant-wind-chime, 20%);
$distant-wind-chime-dark: mix(#000, $distant-wind-chime, 20%);
.element {
color: $distant-wind-chime;
box-shadow: 0 0 0 2px rgba($distant-wind-chime, 0.35);
}