Cor nomeada mais próxima · #FBF1E9
#FBF1E9
Cor nomeada mais próxima: Seashell
#FBF1E9 (rgb(251 241 233), hsl(27 69% 95%), oklch(0.964 0.015 61.3)) é mais próxima da cor nomeada Seashell. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FBF1E9
oklch(0.964 0.015 61.3)
Conversões de cor
- HEX
- #fbf1e9
- RGB
- rgb(251 241 233)
- HSL
- hsl(27 69% 95%)
- HWB
- hwb(27 91% 2%)
- OKLCH
- oklch(0.964 0.015 61.3)
- OKLab
- oklab(0.964 0.007 0.013)
- CIE Lab
- lab(95.77 2.47 5.13)
- LCH
- lch(95.77 5.7 64.3)
- CMYK
- cmyk(0% 4% 7% 2%)
Tons claros · Sombras · Tons
Tons claros
- FBF2EB
- FCF4ED
- FCF5F0
- FDF7F2
- FDF8F4
- FDF9F6
- FEFBF8
- FEFCFB
- FFFEFD
Sombras
- DAD2CB
- BAB3AD
- 9C9590
- 7E7974
- 615D5A
- 464341
- 2D2B29
- 151413
- 030303
Tons
- EEE5DE
- E1D9D3
- D5CEC8
- C8C2BE
- BCB7B3
- AFACA9
- A3A19E
- 979694
- 8C8B8A
Harmonias de cor
Complementar +180°
- FBF1E9
Seashell
- EBF5FD
≈ Placebo Blue
Análoga -30° +30°
- FBF1E9
Seashell
- FDF0ED
≈ Strawberry Dust
- F7F3E8
≈ Rapture’s Light
Tríade +120° +240°
- FBF1E9
Seashell
- E9F7F4
≈ Melting Glacier
- F5F1FC
≈ Cloud Break
Complementar dividida +150° +210°
- FBF1E9
Seashell
- E8F6F9
≈ Indigo White
- EFF3FE
≈ Placebo Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.86:1 · APCA Lc 100
Melhor cor de texto: #000000
WCAG 18.86:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
CSS
:root {
--seashell: #fbf1e9;
--seashell-rgb: 251 241 233;
--seashell-oklch: oklch(0.964 0.015 61.3);
}
.element {
color: var(--seashell);
background-color: hsl(27 69% 95%);
border-color: oklch(0.964 0.015 61.3);
}Tailwind CSS v4
@theme {
--color-seashell: #fbf1e9;
--color-seashell-50: #f8f4f1;
--color-seashell-100: #ece7e3;
--color-seashell-200: #d9d3ce;
--color-seashell-300: #bdb6b0;
--color-seashell-400: #a59d96;
--color-seashell-500: #8e847c;
--color-seashell-600: #787069;
--color-seashell-700: #605954;
--color-seashell-800: #47413d;
--color-seashell-900: #312d2a;
--color-seashell-950: #1d1a18;
}SCSS
$seashell: #fbf1e9;
$seashell-rgb: 251, 241, 233;
$seashell-light: mix(#fff, $seashell, 20%);
$seashell-dark: mix(#000, $seashell, 20%);
.element {
color: $seashell;
box-shadow: 0 0 0 2px rgba($seashell, 0.35);
}