Dichtstbijzijnde benoemde kleur · #FADBC2
#FADBC2
Dichtstbijzijnde benoemde kleur: Sablé
#FADBC2 (rgb(250 219 194), hsl(27 85% 87%), oklch(0.911 0.048 61)) komt het dichtst bij de benoemde kleur Sablé. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FADBC2
oklch(0.911 0.048 61)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FBDFC8
- FBE2CE
- FCE6D4
- FCE9DA
- FDEDE0
- FDF1E7
- FEF4ED
- FEF8F3
- FFFBF9
Schaduwen
- D9BEA8
- BAA28F
- 9B8777
- 7D6D60
- 615449
- 463C34
- 2D2620
- 15110E
- 030202
Tonen
- EDD2BB
- E1C8B5
- D4BFAE
- C8B6A7
- BBADA1
- AFA39A
- A39A94
- 97928D
- 8C8986
Kleurharmonieën
Complementair +180°
- FADBC2
Sablé
- C6E6FF
≈ Icy Landscape
Analoog -30° +30°
- FADBC2
Sablé
- FFD7CF
≈ Shy Girl
- EDE1BE
≈ Beurre Blanc
Triadisch +120° +240°
- FADBC2
Sablé
- C0EDE3
≈ Clear Aqua
- E7DBFD
≈ Lavender Savour
Gesplitst complementair +150° +210°
- FADBC2
Sablé
- BEEBF4
≈ Icy Breeze
- D7E1FF
≈ Contrail
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.31:1 · APCA Lc 16
Ag
AAAOp zwart
WCAG 15.97:1 · APCA Lc 88
Beste tekstkleur: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
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);
}