Nächste benannte Farbe · #FFD8B9
#FFD8B9
Nächste benannte Farbe: Gentle Caress
#FFD8B9 (rgb(255 216 185), hsl(27 100% 86%), oklch(0.907 0.06 60.4)) liegt am nächsten an der benannten Farbe Gentle Caress. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FFD8B9
oklch(0.907 0.06 60.4)
Farbumrechnungen
- HEX
- #ffd8b9
- RGB
- rgb(255 216 185)
- HSL
- hsl(27 100% 86%)
- HWB
- hwb(27 73% 0%)
- OKLCH
- oklch(0.907 0.06 60.4)
- OKLab
- oklab(0.907 0.03 0.052)
- CIE Lab
- lab(89.12 10.76 20.66)
- LCH
- lch(89.12 23.3 62.5)
- CMYK
- cmyk(0% 15% 27% 0%)
Tints · Shades · Tones
Tints
- FFDCC0
- FFE0C7
- FFE4CE
- FFE8D5
- FFECDC
- FFF0E3
- FFF3EA
- FFF7F1
- FFFBF8
Shades
- DEBCA0
- BEA089
- 9E8571
- 806B5B
- 635346
- 483B31
- 2E251E
- 16110D
- 030202
Tones
- F2CFB3
- E5C6AE
- D8BDA8
- CBB4A2
- BEAB9C
- B1A297
- A59A91
- 98918B
- 8C8886
Farbharmonien
Komplementär +180°
- FFD8B9
Gentle Caress
- C4E6FF
≈ Icy Landscape
Analog -30° +30°
- FFD8B9
Gentle Caress
- FFD5CE
≈ Bleached Coral
- F0E0B4
≈ Calla
Triadisch +120° +240°
- FFD8B9
Gentle Caress
- B5EEE2
≈ East Cape
- E6D9FF
≈ Transparent Blue
Geteilt komplementär +150° +210°
- FFD8B9
Gentle Caress
- B3ECF7
≈ Beyond the Clouds
- D5E0FF
≈ Contrail
Tetradisch +90° +180° +270°
- FFD8B9
Gentle Caress
- C5ECCC
≈ Lost Lace
- C4E6FF
≈ Icy Landscape
- F8D3F3
≈ Shampoo
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.77:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.77:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--gentle-caress: #ffd8b9;
--gentle-caress-rgb: 255 216 185;
--gentle-caress-oklch: oklch(0.907 0.06 60.4);
}
.element {
color: var(--gentle-caress);
background-color: hsl(27 100% 86%);
border-color: oklch(0.907 0.06 60.4);
}Tailwind CSS v4
@theme {
--color-gentle-caress: #ffd8b9;
--color-gentle-caress-50: #fff2e4;
--color-gentle-caress-100: #f7e4d4;
--color-gentle-caress-200: #e8cfbb;
--color-gentle-caress-300: #ceb198;
--color-gentle-caress-400: #b9977b;
--color-gentle-caress-500: #a47d5d;
--color-gentle-caress-600: #8b6a4f;
--color-gentle-caress-700: #6f553f;
--color-gentle-caress-800: #523d2e;
--color-gentle-caress-900: #392a1f;
--color-gentle-caress-950: #24180f;
}SCSS
$gentle-caress: #ffd8b9;
$gentle-caress-rgb: 255, 216, 185;
$gentle-caress-light: mix(#fff, $gentle-caress, 20%);
$gentle-caress-dark: mix(#000, $gentle-caress, 20%);
.element {
color: $gentle-caress;
box-shadow: 0 0 0 2px rgba($gentle-caress, 0.35);
}