Cor nomeada mais próxima · #EEF1ED
#EEF1ED
Cor nomeada mais próxima: Beluga
#EEF1ED (rgb(238 241 237), hsl(105 12% 94%), oklch(0.955 0.006 137.8)) é mais próxima da cor nomeada Beluga. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EEF1ED
oklch(0.955 0.006 137.8)
Conversões de cor
- HEX
- #eef1ed
- RGB
- rgb(238 241 237)
- HSL
- hsl(105 12% 94%)
- HWB
- hwb(105 93% 5%)
- OKLCH
- oklch(0.955 0.006 137.8)
- OKLab
- oklab(0.955 -0.005 0.004)
- CIE Lab
- lab(94.83 -1.56 1.57)
- LCH
- lch(94.83 2.21 134.9)
- CMYK
- cmyk(1% 0% 2% 5%)
Tons claros · Sombras · Tons
Tons claros
- F0F2EF
- F1F4F1
- F3F5F2
- F5F7F4
- F6F8F6
- F8F9F8
- FAFBFA
- FCFCFB
- FDFEFD
Sombras
- CFD2CE
- B1B3B0
- 939593
- 777977
- 5C5D5C
- 424342
- 2A2B2A
- 141414
- 030303
Tons
- E2E5E2
- D7D9D6
- CCCECB
- C1C2C0
- B5B7B5
- AAACAA
- A0A09F
- 959695
- 8A8B8A
Harmonias de cor
Complementar +180°
- EEF1ED
Beluga
- F2EFF3
≈ Aragonite White
Análoga -30° +30°
- EEF1ED
Beluga
- F0F0EC
≈ White Shoulders
- ECF1EF
≈ Warp Drive
Tríade +120° +240°
- EEF1ED
Beluga
- EDF0F4
≈ Powder White
- F4EEEE
≈ Angelic Wings
Complementar dividida +150° +210°
- EEF1ED
Beluga
- F0EFF4
≈ Crystal Bell
- F3EEF1
≈ Line Dried Sheets
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.44:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.44:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--beluga: #eef1ed;
--beluga-rgb: 238 241 237;
--beluga-oklch: oklch(0.955 0.006 137.8);
}
.element {
color: var(--beluga);
background-color: hsl(105 12% 94%);
border-color: oklch(0.955 0.006 137.8);
}Tailwind CSS v4
@theme {
--color-beluga: #eef1ed;
--color-beluga-50: #f4f5f4;
--color-beluga-100: #e7e8e6;
--color-beluga-200: #d3d5d2;
--color-beluga-300: #b6b8b5;
--color-beluga-400: #9d9f9c;
--color-beluga-500: #848783;
--color-beluga-600: #70726f;
--color-beluga-700: #595b59;
--color-beluga-800: #414341;
--color-beluga-900: #2d2e2d;
--color-beluga-950: #1a1b1a;
}SCSS
$beluga: #eef1ed;
$beluga-rgb: 238, 241, 237;
$beluga-light: mix(#fff, $beluga, 20%);
$beluga-dark: mix(#000, $beluga, 20%);
.element {
color: $beluga;
box-shadow: 0 0 0 2px rgba($beluga, 0.35);
}