Nächste benannte Farbe · #FAE8DF
#FAE8DF
Nächste benannte Farbe: Dogwood
#FAE8DF (rgb(250 232 223), hsl(20 73% 93%), oklch(0.943 0.023 48.5)) liegt am nächsten an der benannten Farbe Dogwood. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FAE8DF
oklch(0.943 0.023 48.5)
Farbumrechnungen
- HEX
- #fae8df
- RGB
- rgb(250 232 223)
- HSL
- hsl(20 73% 93%)
- HWB
- hwb(20 87% 2%)
- OKLCH
- oklch(0.943 0.023 48.5)
- OKLab
- oklab(0.943 0.015 0.017)
- CIE Lab
- lab(93.27 5.23 6.71)
- LCH
- lch(93.27 8.51 52.1)
- CMYK
- cmyk(0% 7% 11% 2%)
Tints · Shades · Tones
Tints
- FBEAE2
- FBEDE5
- FCEFE9
- FCF1EC
- FDF3EF
- FDF6F2
- FEF8F5
- FEFAF9
- FFFDFC
Shades
- D9CAC2
- BAACA5
- 9B908A
- 7D746F
- 615956
- 46403D
- 2D2927
- 151312
- 030302
Tones
- EDDDD5
- E0D2CB
- D4C8C2
- C8BDB8
- BBB3AE
- AFA8A5
- A39E9B
- 979492
- 8C8A89
Farbharmonien
Komplementär +180°
- FAE8DF
Dogwood
- DDF0F9
≈ Wizard White
Analog -30° +30°
- FAE8DF
Dogwood
- FBE6E6
≈ Rose Sugar
- F5EBDB
≈ Modern Ivory
Triadisch +120° +240°
- FAE8DF
Dogwood
- DEF1E9
≈ Paradise
- EBEAFB
≈ Bright Dusk
Geteilt komplementär +150° +210°
- FAE8DF
Dogwood
- DBF1F2
≈ Soar
- E3EDFC
≈ Husky
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.67:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.67:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--dogwood: #fae8df;
--dogwood-rgb: 250 232 223;
--dogwood-oklch: oklch(0.943 0.023 48.5);
}
.element {
color: var(--dogwood);
background-color: hsl(20 73% 93%);
border-color: oklch(0.943 0.023 48.5);
}Tailwind CSS v4
@theme {
--color-dogwood: #fae8df;
--color-dogwood-50: #fbf3ef;
--color-dogwood-100: #efe6e1;
--color-dogwood-200: #ddd2cc;
--color-dogwood-300: #c2b4ad;
--color-dogwood-400: #ab9b93;
--color-dogwood-500: #948279;
--color-dogwood-600: #7d6e67;
--color-dogwood-700: #645852;
--color-dogwood-800: #4a403c;
--color-dogwood-900: #332c29;
--color-dogwood-950: #1f1917;
}SCSS
$dogwood: #fae8df;
$dogwood-rgb: 250, 232, 223;
$dogwood-light: mix(#fff, $dogwood, 20%);
$dogwood-dark: mix(#000, $dogwood, 20%);
.element {
color: $dogwood;
box-shadow: 0 0 0 2px rgba($dogwood, 0.35);
}