Nächste benannte Farbe · #F6DDCD
#F6DDCD
Nächste benannte Farbe: White Truffle
#F6DDCD (rgb(246 221 205), hsl(23 69% 88%), oklch(0.914 0.035 54.8)) liegt am nächsten an der benannten Farbe White Truffle. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F6DDCD
oklch(0.914 0.035 54.8)
Farbumrechnungen
- HEX
- #f6ddcd
- RGB
- rgb(246 221 205)
- HSL
- hsl(23 69% 88%)
- HWB
- hwb(23 80% 4%)
- OKLCH
- oklch(0.914 0.035 54.8)
- OKLab
- oklab(0.914 0.02 0.029)
- CIE Lab
- lab(89.88 7.04 11.19)
- LCH
- lch(89.88 13.22 57.8)
- CMYK
- cmyk(0% 10% 17% 4%)
Tints · Shades · Tones
Tints
- F7E0D2
- F8E4D7
- F9E7DC
- FAEBE1
- FBEEE6
- FCF1EB
- FCF5F0
- FDF8F5
- FEFCFA
Shades
- D6C0B2
- B7A498
- 98887E
- 7B6E66
- 5F554E
- 453D38
- 2C2623
- 15110F
- 030202
Tones
- EAD3C5
- DDCABD
- D1C0B5
- C5B7AE
- B9ADA6
- AEA49E
- A29B96
- 97928F
- 8B8987
Farbharmonien
Komplementär +180°
- F6DDCD
White Truffle
- CDE7F7
≈ New Heights
Analog -30° +30°
- F6DDCD
White Truffle
- F9DAD7
≈ Coy Pink
- EDE1C9
≈ Chic Magnet
Triadisch +120° +240°
- F6DDCD
White Truffle
- CCEBE1
≈ Ice Water Green
- E4DEF8
≈ Stoic White
Geteilt komplementär +150° +210°
- F6DDCD
White Truffle
- C9EAEE
≈ Summer Mist
- D7E3FB
≈ Aquarelle Purple
Tetradisch +90° +180° +270°
- F6DDCD
White Truffle
- D5E9D4
≈ Light Spring Burst
- CDE7F7
≈ New Heights
- EFDBF0
≈ Divine Dove
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.14:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--white-truffle: #f6ddcd;
--white-truffle-rgb: 246 221 205;
--white-truffle-oklch: oklch(0.914 0.035 54.8);
}
.element {
color: var(--white-truffle);
background-color: hsl(23 69% 88%);
border-color: oklch(0.914 0.035 54.8);
}Tailwind CSS v4
@theme {
--color-white-truffle: #f6ddcd;
--color-white-truffle-50: #fdf3ec;
--color-white-truffle-100: #f2e5dd;
--color-white-truffle-200: #e1d1c6;
--color-white-truffle-300: #c6b3a6;
--color-white-truffle-400: #b0998b;
--color-white-truffle-500: #998070;
--color-white-truffle-600: #826d5f;
--color-white-truffle-700: #68574c;
--color-white-truffle-800: #4d3f37;
--color-white-truffle-900: #352c26;
--color-white-truffle-950: #201914;
}SCSS
$white-truffle: #f6ddcd;
$white-truffle-rgb: 246, 221, 205;
$white-truffle-light: mix(#fff, $white-truffle, 20%);
$white-truffle-dark: mix(#000, $white-truffle, 20%);
.element {
color: $white-truffle;
box-shadow: 0 0 0 2px rgba($white-truffle, 0.35);
}