Benannte Farbe · #FDE6E7
Valerie
Valerie ist #FDE6E7: rgb(253 230 231), hsl(357 85% 95%), oklch(0.944 0.025 14.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Valerie color name →
#FDE6E7
oklch(0.944 0.025 14.6)
Farbumrechnungen
- HEX
- #fde6e7
- RGB
- rgb(253 230 231)
- HSL
- hsl(357 85% 95%)
- HWB
- hwb(357 90% 1%)
- OKLCH
- oklch(0.944 0.025 14.6)
- OKLab
- oklab(0.944 0.024 0.006)
- CIE Lab
- lab(93.2 8.23 2.51)
- LCH
- lch(93.2 8.61 17)
- CMYK
- cmyk(0% 9% 9% 1%)
Tints · Shades · Tones
Tints
- FDE8E9
- FEEBEC
- FEEDEE
- FEF0F1
- FEF2F3
- FEF5F5
- FFF7F8
- FFFAFA
- FFFCFD
Shades
- DCC8C9
- BCABAB
- 9D8E8F
- 7F7373
- 625959
- 474040
- 2D2828
- 161313
- 030303
Tones
- F0DBDC
- E3D1D2
- D6C6C7
- C9BCBC
- BDB2B2
- B0A8A8
- A49D9E
- 989494
- 8C8A8A
Farbharmonien
Komplementär +180°
- FDE6E7
Valerie
- DAF2F1
≈ Air of Mint
Analog -30° +30°
- FDE6E7
Valerie
- FAE6F0
≈ Cherry Pearl
- FCE8DF
≈ Aquarelle Orange
Triadisch +120° +240°
- FDE6E7
Valerie
- E5F0E0
≈ Mayfair White
- E1EEFE
≈ Calcareous Sinter
Geteilt komplementär +150° +210°
- FDE6E7
Valerie
- DEF2E8
≈ Snow Ballet
- DBF0F9
≈ Wizard White
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.64:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.64:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--valerie: #fde6e7;
--valerie-rgb: 253 230 231;
--valerie-oklch: oklch(0.944 0.025 14.6);
}
.element {
color: var(--valerie);
background-color: hsl(357 85% 95%);
border-color: oklch(0.944 0.025 14.6);
}Tailwind CSS v4
@theme {
--color-valerie: #fde6e7;
--color-valerie-50: #fcf2f2;
--color-valerie-100: #f0e5e5;
--color-valerie-200: #dfd0d0;
--color-valerie-300: #c4b2b3;
--color-valerie-400: #ad999a;
--color-valerie-500: #968081;
--color-valerie-600: #7f6c6d;
--color-valerie-700: #665657;
--color-valerie-800: #4b3f40;
--color-valerie-900: #342b2c;
--color-valerie-950: #1f1919;
}SCSS
$valerie: #fde6e7;
$valerie-rgb: 253, 230, 231;
$valerie-light: mix(#fff, $valerie, 20%);
$valerie-dark: mix(#000, $valerie, 20%);
.element {
color: $valerie;
box-shadow: 0 0 0 2px rgba($valerie, 0.35);
}