Benannte Farbe · #F7E0D6
Delicate Rose
Delicate Rose ist #F7E0D6: rgb(247 224 214), hsl(18 67% 90%), oklch(0.923 0.029 45). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Delicate Rose color name →
#F7E0D6
oklch(0.923 0.029 45)
Farbumrechnungen
- HEX
- #f7e0d6
- RGB
- rgb(247 224 214)
- HSL
- hsl(18 67% 90%)
- HWB
- hwb(18 84% 3%)
- OKLCH
- oklch(0.923 0.029 45)
- OKLab
- oklab(0.923 0.02 0.02)
- CIE Lab
- lab(90.87 6.97 7.93)
- LCH
- lch(90.87 10.56 48.7)
- CMYK
- cmyk(0% 9% 13% 3%)
Tints · Shades · Tones
Tints
- F8E3DA
- F9E6DE
- FAE9E2
- FAECE6
- FBEFEA
- FCF3EF
- FDF6F3
- FEF9F7
- FEFCFB
Shades
- D7C3BA
- B7A69E
- 998A84
- 7C706A
- 605652
- 453E3B
- 2C2725
- 151210
- 030202
Tones
- EBD6CD
- DECCC4
- D2C2BB
- C6B8B3
- BAAFAA
- AEA5A1
- A29C99
- 979291
- 8B8988
Farbharmonien
Komplementär +180°
- F7E0D6
Delicate Rose
- D2EAF4
≈ Freezing Vapour
Analog -30° +30°
- F7E0D6
Delicate Rose
- F8DEDF
≈ Blowing Kisses
- F1E3D1
≈ Hectorite
Triadisch +120° +240°
- F7E0D6
Delicate Rose
- D5ECE1
≈ Warm Winter
- E3E3F9
≈ Lavender Mist
Geteilt komplementär +150° +210°
- F7E0D6
Delicate Rose
- D0ECEB
≈ Mint Chip
- D9E7F9
≈ Cloudless
Tetradisch +90° +180° +270°
- F7E0D6
Delicate Rose
- DDEAD7
≈ Lily Pond
- D2EAF4
≈ Freezing Vapour
- EDE0F3
≈ Sheer Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.58:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--delicate-rose: #f7e0d6;
--delicate-rose-rgb: 247 224 214;
--delicate-rose-oklch: oklch(0.923 0.029 45);
}
.element {
color: var(--delicate-rose);
background-color: hsl(18 67% 90%);
border-color: oklch(0.923 0.029 45);
}Tailwind CSS v4
@theme {
--color-delicate-rose: #f7e0d6;
--color-delicate-rose-50: #fdf3ee;
--color-delicate-rose-100: #f1e5e0;
--color-delicate-rose-200: #dfd1ca;
--color-delicate-rose-300: #c5b3ab;
--color-delicate-rose-400: #ae9a91;
--color-delicate-rose-500: #978177;
--color-delicate-rose-600: #806d65;
--color-delicate-rose-700: #665750;
--color-delicate-rose-800: #4b3f3b;
--color-delicate-rose-900: #342c28;
--color-delicate-rose-950: #201916;
}SCSS
$delicate-rose: #f7e0d6;
$delicate-rose-rgb: 247, 224, 214;
$delicate-rose-light: mix(#fff, $delicate-rose, 20%);
$delicate-rose-dark: mix(#000, $delicate-rose, 20%);
.element {
color: $delicate-rose;
box-shadow: 0 0 0 2px rgba($delicate-rose, 0.35);
}