Benannte Farbe · #FAE6CC
Favoured One
Favoured One ist #FAE6CC: rgb(250 230 204), hsl(34 82% 89%), oklch(0.934 0.041 74.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Favoured One color name →
#FAE6CC
oklch(0.934 0.041 74.5)
Farbumrechnungen
- HEX
- #fae6cc
- RGB
- rgb(250 230 204)
- HSL
- hsl(34 82% 89%)
- HWB
- hwb(34 80% 2%)
- OKLCH
- oklch(0.934 0.041 74.5)
- OKLab
- oklab(0.934 0.011 0.039)
- CIE Lab
- lab(92.42 4.04 15.32)
- LCH
- lch(92.42 15.84 75.2)
- CMYK
- cmyk(0% 8% 18% 2%)
Tints · Shades · Tones
Tints
- FBE9D1
- FBEBD6
- FCEEDB
- FCF0E0
- FDF3E6
- FDF5EB
- FEF8F0
- FEFAF5
- FFFDFA
Shades
- D9C8B1
- BAAB97
- 9B8E7E
- 7D7365
- 61594E
- 464037
- 2D2822
- 15130F
- 030302
Tones
- EDDBC4
- E0D1BC
- D4C6B5
- C8BCAD
- BBB2A5
- AFA89E
- A39D96
- 97948F
- 8C8A87
Farbharmonien
Komplementär +180°
- FAE6CC
Favoured One
- DBEBFF
≈ Hoarfrost
Analog -30° +30°
- FAE6CC
Favoured One
- FFE2D6
≈ Tranquil Peach
- EDEBCC
≈ Floating Lily
Triadisch +120° +240°
- FAE6CC
Favoured One
- CBF2F1
≈ Vaporised
- F4E2FD
≈ Minute Mauve
Geteilt komplementär +150° +210°
- FAE6CC
Favoured One
- CDF0FE
≈ Blue Hijab
- E6E7FF
≈ Cyber Lavender
Tetradisch +90° +180° +270°
- FAE6CC
Favoured One
- D1F2E2
≈ Light Shutterbug
- DBEBFF
≈ Hoarfrost
- FEDFF0
≈ So This Is Love
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.25:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--favoured-one: #fae6cc;
--favoured-one-rgb: 250 230 204;
--favoured-one-oklch: oklch(0.934 0.041 74.5);
}
.element {
color: var(--favoured-one);
background-color: hsl(34 82% 89%);
border-color: oklch(0.934 0.041 74.5);
}Tailwind CSS v4
@theme {
--color-favoured-one: #fae6cc;
--color-favoured-one-50: #fcf4e9;
--color-favoured-one-100: #f0e6d9;
--color-favoured-one-200: #ded2c1;
--color-favoured-one-300: #c4b5a1;
--color-favoured-one-400: #ad9b84;
--color-favoured-one-500: #978368;
--color-favoured-one-600: #7f6f59;
--color-favoured-one-700: #665847;
--color-favoured-one-800: #4b4033;
--color-favoured-one-900: #342c23;
--color-favoured-one-950: #201912;
}SCSS
$favoured-one: #fae6cc;
$favoured-one-rgb: 250, 230, 204;
$favoured-one-light: mix(#fff, $favoured-one, 20%);
$favoured-one-dark: mix(#000, $favoured-one, 20%);
.element {
color: $favoured-one;
box-shadow: 0 0 0 2px rgba($favoured-one, 0.35);
}