Cor nomeada mais próxima · #F3FBDB
#F3FBDB
Cor nomeada mais próxima: Futon
#F3FBDB (rgb(243 251 219), hsl(75 80% 92%), oklch(0.974 0.043 118.6)) é mais próxima da cor nomeada Futon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F3FBDB
oklch(0.974 0.043 118.6)
Conversões de cor
- HEX
- #f3fbdb
- RGB
- rgb(243 251 219)
- HSL
- hsl(75 80% 92%)
- HWB
- hwb(75 86% 2%)
- OKLCH
- oklch(0.974 0.043 118.6)
- OKLab
- oklab(0.974 -0.02 0.037)
- CIE Lab
- lab(97.39 -6.76 14.45)
- LCH
- lch(97.39 15.96 115.1)
- CMYK
- cmyk(3% 0% 13% 2%)
Tons claros · Sombras · Tons
Tons claros
- F4FBDF
- F5FCE2
- F7FCE6
- F8FDEA
- F9FDED
- FAFDF1
- FBFEF4
- FDFEF8
- FEFFFB
Sombras
- D3DABE
- B4BAA2
- 979C87
- 7A7E6D
- 5E6154
- 44463C
- 2B2D26
- 141511
- 030302
Tons
- E7EED2
- DBE1C8
- CFD5BF
- C3C8B6
- B8BCAD
- ACAFA4
- A1A39B
- 969792
- 8B8C89
Harmonias de cor
Complementar +180°
- F3FBDB
Futon
- F7F4FF
≈ Sugar Crystal
Análoga -30° +30°
- F3FBDB
Futon
- FFF6DF
≈ Seashell Peach
- E4FFE7
≈ Crystal Glass
Tríade +120° +240°
- F3FBDB
Futon
- EEF8FF
≈ Alice Blue
- FFF3F6
≈ Glimpse of Pink
Complementar dividida +150° +210°
- F3FBDB
Futon
- F3F6FF
≈ Mā White
- FFF2FE
≈ Pinkish White
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.06:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.63:1 · APCA Lc 103
Melhor cor de texto: #000000
WCAG 19.63:1 (AAA) · APCA Lc 103
Contrast pairs
Trechos de código
CSS
:root {
--futon: #f3fbdb;
--futon-rgb: 243 251 219;
--futon-oklch: oklch(0.974 0.043 118.6);
}
.element {
color: var(--futon);
background-color: hsl(75 80% 92%);
border-color: oklch(0.974 0.043 118.6);
}Tailwind CSS v4
@theme {
--color-futon: #f3fbdb;
--color-futon-50: #f3f7ea;
--color-futon-100: #e6eadb;
--color-futon-200: #d1d7c3;
--color-futon-300: #b4bba3;
--color-futon-400: #9ba286;
--color-futon-500: #838a6b;
--color-futon-600: #6f755a;
--color-futon-700: #595e48;
--color-futon-800: #414434;
--color-futon-900: #2d2f23;
--color-futon-950: #1a1c12;
}SCSS
$futon: #f3fbdb;
$futon-rgb: 243, 251, 219;
$futon-light: mix(#fff, $futon, 20%);
$futon-dark: mix(#000, $futon, 20%);
.element {
color: $futon;
box-shadow: 0 0 0 2px rgba($futon, 0.35);
}