Benannte Farbe · #F0D6CF
Awe
Awe ist #F0D6CF: rgb(240 214 207), hsl(13 52% 88%), oklch(0.896 0.031 35.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Awe color name →
#F0D6CF
oklch(0.896 0.031 35.5)
Farbumrechnungen
- HEX
- #f0d6cf
- RGB
- rgb(240 214 207)
- HSL
- hsl(13 52% 88%)
- HWB
- hwb(13 81% 6%)
- OKLCH
- oklch(0.896 0.031 35.5)
- OKLab
- oklab(0.896 0.025 0.018)
- CIE Lab
- lab(87.67 8.49 6.94)
- LCH
- lch(87.67 10.96 39.3)
- CMYK
- cmyk(0% 11% 14% 6%)
Tints · Shades · Tones
Tints
- F2DAD4
- F3DED8
- F5E2DD
- F6E6E2
- F8EAE7
- F9EFEC
- FBF3F0
- FCF7F5
- FEFBFA
Shades
- D1BAB4
- B29E99
- 95847F
- 786A67
- 5D524F
- 433B38
- 2A2523
- 141010
- 030202
Tones
- E4CDC7
- D9C4BF
- CDBBB7
- C2B3AF
- B7AAA7
- ABA19F
- A09997
- 95918F
- 8B8888
Farbharmonien
Komplementär +180°
- F0D6CF
Awe
- C7E2E9
≈ Gauzy Calico
Analog -30° +30°
- F0D6CF
Awe
- F0D5D9
≈ Pale Rose
- EBD9C8
≈ Sandpiper
Triadisch +120° +240°
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.22:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--awe: #f0d6cf;
--awe-rgb: 240 214 207;
--awe-oklch: oklch(0.896 0.031 35.5);
}
.element {
color: var(--awe);
background-color: hsl(13 52% 88%);
border-color: oklch(0.896 0.031 35.5);
}Tailwind CSS v4
@theme {
--color-awe: #f0d6cf;
--color-awe-50: #fef2ef;
--color-awe-100: #f2e5e1;
--color-awe-200: #e1d0cb;
--color-awe-300: #c6b2ac;
--color-awe-400: #b09892;
--color-awe-500: #997f78;
--color-awe-600: #826c66;
--color-awe-700: #685652;
--color-awe-800: #4c3f3c;
--color-awe-900: #352b29;
--color-awe-950: #201817;
}SCSS
$awe: #f0d6cf;
$awe-rgb: 240, 214, 207;
$awe-light: mix(#fff, $awe, 20%);
$awe-dark: mix(#000, $awe, 20%);
.element {
color: $awe;
box-shadow: 0 0 0 2px rgba($awe, 0.35);
}