Cor nomeada mais próxima · #F0F4F5
#F0F4F5
Cor nomeada mais próxima: Beluga
#F0F4F5 (rgb(240 244 245), hsl(192 20% 95%), oklch(0.964 0.004 214.3)) é mais próxima da cor nomeada Beluga. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F0F4F5
oklch(0.964 0.004 214.3)
Conversões de cor
- HEX
- #f0f4f5
- RGB
- rgb(240 244 245)
- HSL
- hsl(192 20% 95%)
- HWB
- hwb(192 94% 4%)
- OKLCH
- oklch(0.964 0.004 214.3)
- OKLab
- oklab(0.964 -0.004 -0.003)
- CIE Lab
- lab(95.9 -1.24 -0.97)
- LCH
- lch(95.9 1.58 218.1)
- CMYK
- cmyk(2% 0% 0% 4%)
Tons claros · Sombras · Tons
Tons claros
- F1F5F6
- F3F6F7
- F4F7F8
- F6F8F9
- F7F9FA
- F9FBFB
- FAFCFC
- FCFDFD
- FDFEFE
Sombras
- D1D4D5
- B2B5B6
- 959798
- 787A7B
- 5D5E5F
- 434444
- 2A2B2B
- 141415
- 030303
Tons
- E4E8E9
- D9DCDD
- CDD0D0
- C2C4C5
- B6B8B9
- ABADAD
- A0A1A2
- 959696
- 8B8B8B
Harmonias de cor
Complementar +180°
- F0F4F5
Beluga
- F6F2F1
≈ Bright White
Análoga -30° +30°
- F0F4F5
Beluga
- F0F4F3
≈ Bakery Box
- F1F4F6
≈ Chef’s Hat
Tríade +120° +240°
- F0F4F5
Beluga
- F5F2F4
≈ White Convolvulus
- F4F3F0
≈ Classic Chalk
Complementar dividida +150° +210°
- F0F4F5
Beluga
- F6F2F3
≈ Bright White
- F5F3F0
≈ Classic Chalk
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.10:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.96:1 · APCA Lc 100
Melhor cor de texto: #000000
WCAG 18.96:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
CSS
:root {
--beluga: #f0f4f5;
--beluga-rgb: 240 244 245;
--beluga-oklch: oklch(0.964 0.004 214.3);
}
.element {
color: var(--beluga);
background-color: hsl(192 20% 95%);
border-color: oklch(0.964 0.004 214.3);
}Tailwind CSS v4
@theme {
--color-beluga: #f0f4f5;
--color-beluga-50: #f4f5f6;
--color-beluga-100: #e6e8e9;
--color-beluga-200: #d2d5d5;
--color-beluga-300: #b5b8b9;
--color-beluga-400: #9c9fa0;
--color-beluga-500: #838788;
--color-beluga-600: #6f7273;
--color-beluga-700: #595b5c;
--color-beluga-800: #414343;
--color-beluga-900: #2d2e2e;
--color-beluga-950: #1a1b1b;
}SCSS
$beluga: #f0f4f5;
$beluga-rgb: 240, 244, 245;
$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);
}