Nächste benannte Farbe · #F4C4B1
#F4C4B1
Nächste benannte Farbe: Taco
#F4C4B1 (rgb(244 196 177), hsl(17 75% 83%), oklch(0.858 0.061 42.7)) liegt am nächsten an der benannten Farbe Taco. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F4C4B1
oklch(0.858 0.061 42.7)
Farbumrechnungen
- HEX
- #f4c4b1
- RGB
- rgb(244 196 177)
- HSL
- hsl(17 75% 83%)
- HWB
- hwb(17 69% 4%)
- OKLCH
- oklch(0.858 0.061 42.7)
- OKLab
- oklab(0.858 0.045 0.041)
- CIE Lab
- lab(83.11 15.66 16.41)
- LCH
- lch(83.11 22.68 46.3)
- CMYK
- cmyk(0% 20% 27% 4%)
Tints · Shades · Tones
Tints
- F5CAB9
- F7D0C0
- F8D6C8
- F9DCD0
- FAE1D8
- FBE7E0
- FCEDE7
- FDF3EF
- FEF9F7
Shades
- D4AA99
- B59183
- 97786C
- 7A6157
- 5E4A42
- 44352F
- 2B211C
- 140E0C
- 030201
Tones
- E8BDAC
- DCB6A7
- D0AFA2
- C5A89D
- B9A298
- AD9B94
- A2948F
- 978D8A
- 8B8785
Farbharmonien
Komplementär +180°
- F4C4B1
Taco
- A5DAED
≈ Mizu Cyan
Analog -30° +30°
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- F4C4B1
Taco
- A2DDDB
≈ Aqua Spray
- B4D3F8
≈ Ice Cold Stare
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.37:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.37:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--taco: #f4c4b1;
--taco-rgb: 244 196 177;
--taco-oklch: oklch(0.858 0.061 42.7);
}
.element {
color: var(--taco);
background-color: hsl(17 75% 83%);
border-color: oklch(0.858 0.061 42.7);
}Tailwind CSS v4
@theme {
--color-taco: #f4c4b1;
--color-taco-50: #fff0e7;
--color-taco-100: #fbe2d8;
--color-taco-200: #eccdbf;
--color-taco-300: #d3ae9e;
--color-taco-400: #be9382;
--color-taco-500: #a97966;
--color-taco-600: #8f6757;
--color-taco-700: #735245;
--color-taco-800: #553b32;
--color-taco-900: #3b2922;
--color-taco-950: #251711;
}SCSS
$taco: #f4c4b1;
$taco-rgb: 244, 196, 177;
$taco-light: mix(#fff, $taco, 20%);
$taco-dark: mix(#000, $taco, 20%);
.element {
color: $taco;
box-shadow: 0 0 0 2px rgba($taco, 0.35);
}