Color con nombre más cercano · #FADBC2
#FADBC2
Color con nombre más cercano: Sablé
#FADBC2 (rgb(250 219 194), hsl(27 85% 87%), oklch(0.911 0.048 61)) se parece más al color con nombre Sablé. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FADBC2
oklch(0.911 0.048 61)
Conversiones de color
- HEX
- #fadbc2
- RGB
- rgb(250 219 194)
- HSL
- hsl(27 85% 87%)
- HWB
- hwb(27 76% 2%)
- OKLCH
- oklch(0.911 0.048 61)
- OKLab
- oklab(0.911 0.023 0.042)
- CIE Lab
- lab(89.54 8.31 16.5)
- LCH
- lch(89.54 18.47 63.3)
- CMYK
- cmyk(0% 12% 22% 2%)
Tintes · Sombras · Tonos
Tintes
- FBDFC8
- FBE2CE
- FCE6D4
- FCE9DA
- FDEDE0
- FDF1E7
- FEF4ED
- FEF8F3
- FFFBF9
Sombras
- D9BEA8
- BAA28F
- 9B8777
- 7D6D60
- 615449
- 463C34
- 2D2620
- 15110E
- 030202
Tonos
- EDD2BB
- E1C8B5
- D4BFAE
- C8B6A7
- BBADA1
- AFA39A
- A39A94
- 97928D
- 8C8986
Armonías de color
Complementario +180°
- FADBC2
Sablé
- C6E6FF
≈ Icy Landscape
Análogo -30° +30°
- FADBC2
Sablé
- FFD7CF
≈ Shy Girl
- EDE1BE
≈ Beurre Blanc
Triádico +120° +240°
- FADBC2
Sablé
- C0EDE3
≈ Clear Aqua
- E7DBFD
≈ Lavender Savour
Complementario dividido +150° +210°
- FADBC2
Sablé
- BEEBF4
≈ Icy Breeze
- D7E1FF
≈ Contrail
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.97:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--sable: #fadbc2;
--sable-rgb: 250 219 194;
--sable-oklch: oklch(0.911 0.048 61);
}
.element {
color: var(--sable);
background-color: hsl(27 85% 87%);
border-color: oklch(0.911 0.048 61);
}Tailwind CSS v4
@theme {
--color-sable: #fadbc2;
--color-sable-50: #fff3e7;
--color-sable-100: #f4e5d8;
--color-sable-200: #e4d0c0;
--color-sable-300: #cab39f;
--color-sable-400: #b49882;
--color-sable-500: #9e7f66;
--color-sable-600: #866c57;
--color-sable-700: #6b5645;
--color-sable-800: #4f3f32;
--color-sable-900: #372b22;
--color-sable-950: #221811;
}SCSS
$sable: #fadbc2;
$sable-rgb: 250, 219, 194;
$sable-light: mix(#fff, $sable, 20%);
$sable-dark: mix(#000, $sable, 20%);
.element {
color: $sable;
box-shadow: 0 0 0 2px rgba($sable, 0.35);
}