Color con nombre · #EFF2F1
Beluga
Beluga es #EFF2F1: rgb(239 242 241), hsl(160 10% 94%), oklch(0.959 0.003 174.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Beluga color name →
#EFF2F1
oklch(0.959 0.003 174.5)
Conversiones de color
- HEX
- #eff2f1
- RGB
- rgb(239 242 241)
- HSL
- hsl(160 10% 94%)
- HWB
- hwb(160 94% 5%)
- OKLCH
- oklch(0.959 0.003 174.5)
- OKLab
- oklab(0.959 -0.003 0)
- CIE Lab
- lab(95.24 -1.17 0.12)
- LCH
- lch(95.24 1.17 174.4)
- CMYK
- cmyk(1% 0% 0% 5%)
Tintes · Sombras · Tonos
Tintes
- F1F3F2
- F2F5F4
- F4F6F5
- F5F7F7
- F7F8F8
- F9FAF9
- FAFBFB
- FCFCFC
- FDFEFE
Sombras
- D0D2D2
- B1B4B3
- 949695
- 787979
- 5C5E5D
- 424343
- 2A2B2B
- 141414
- 030303
Tonos
- E3E6E5
- D8DAD9
- CCCECE
- C1C3C2
- B6B7B7
- ABACAC
- A0A1A0
- 959696
- 8B8B8B
Armonías de color
Complementario +180°
- EFF2F1
Beluga
- F3F0F1
≈ Plastic Clouds
Análogo -30° +30°
- EFF2F1
Beluga
- F0F2F0
≈ Beluga
- EFF2F2
≈ Beluga
Triádico +120° +240°
- EFF2F1
Beluga
- F1F1F3
≈ Aragonite White
- F3F1EF
≈ Leukocyte White
Complementario dividido +150° +210°
- EFF2F1
Beluga
- F2F0F3
≈ Aragonite White
- F4F0F0
≈ Plastic Clouds
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.64:1 · APCA Lc 99
Mejor color de texto: #000000
WCAG 18.64:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--beluga: #eff2f1;
--beluga-rgb: 239 242 241;
--beluga-oklch: oklch(0.959 0.003 174.5);
}
.element {
color: var(--beluga);
background-color: hsl(160 10% 94%);
border-color: oklch(0.959 0.003 174.5);
}Tailwind CSS v4
@theme {
--color-beluga: #eff2f1;
--color-beluga-50: #f4f5f5;
--color-beluga-100: #e7e8e8;
--color-beluga-200: #d3d5d4;
--color-beluga-300: #b6b8b7;
--color-beluga-400: #9c9f9e;
--color-beluga-500: #848786;
--color-beluga-600: #707271;
--color-beluga-700: #595b5b;
--color-beluga-800: #414342;
--color-beluga-900: #2d2e2e;
--color-beluga-950: #1a1b1a;
}SCSS
$beluga: #eff2f1;
$beluga-rgb: 239, 242, 241;
$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);
}