Benannte Farbe · #FBE2CD
Peach Kiss
Peach Kiss ist #FBE2CD: rgb(251 226 205), hsl(27 85% 89%), oklch(0.928 0.039 62.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peach Kiss color name →
#FBE2CD
oklch(0.928 0.039 62.4)
Farbumrechnungen
- HEX
- #fbe2cd
- RGB
- rgb(251 226 205)
- HSL
- hsl(27 85% 89%)
- HWB
- hwb(27 80% 2%)
- OKLCH
- oklch(0.928 0.039 62.4)
- OKLab
- oklab(0.928 0.018 0.035)
- CIE Lab
- lab(91.54 6.45 13.59)
- LCH
- lch(91.54 15.05 64.6)
- CMYK
- cmyk(0% 10% 18% 2%)
Tints · Shades · Tones
Tints
- FBE5D2
- FCE8D7
- FCEBDC
- FDEEE1
- FDF1E6
- FEF3EB
- FEF6F0
- FEF9F5
- FFFCFA
Shades
- DAC4B2
- BAA898
- 9C8C7E
- 7E7166
- 61574E
- 463E38
- 2D2723
- 15120F
- 030302
Tones
- EED8C5
- E1CEBD
- D5C4B5
- C8BAAE
- BCB0A6
- B0A69E
- A39C97
- 97938F
- 8C8987
Farbharmonien
Komplementär +180°
- FBE2CD
Peach Kiss
- D2EBFF
≈ Veiling Waterfalls
Analog -30° +30°
- FBE2CD
Peach Kiss
- FFDFD8
≈ Red Shimmer
- F0E7CA
≈ Distressed White
Triadisch +120° +240°
- FBE2CD
Peach Kiss
- CCF0E9
≈ Underwater
- ECE1FE
≈ Lavender Savour
Geteilt komplementär +150° +210°
- FBE2CD
Peach Kiss
- CAEFF7
≈ Diamond League
- DFE6FF
≈ Lavender Mist
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.86:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.86:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--peach-kiss: #fbe2cd;
--peach-kiss-rgb: 251 226 205;
--peach-kiss-oklch: oklch(0.928 0.039 62.4);
}
.element {
color: var(--peach-kiss);
background-color: hsl(27 85% 89%);
border-color: oklch(0.928 0.039 62.4);
}Tailwind CSS v4
@theme {
--color-peach-kiss: #fbe2cd;
--color-peach-kiss-50: #fef3ea;
--color-peach-kiss-100: #f2e5db;
--color-peach-kiss-200: #e1d1c3;
--color-peach-kiss-300: #c6b4a3;
--color-peach-kiss-400: #b09a87;
--color-peach-kiss-500: #9a816c;
--color-peach-kiss-600: #826d5b;
--color-peach-kiss-700: #685749;
--color-peach-kiss-800: #4d3f35;
--color-peach-kiss-900: #352c24;
--color-peach-kiss-950: #201913;
}SCSS
$peach-kiss: #fbe2cd;
$peach-kiss-rgb: 251, 226, 205;
$peach-kiss-light: mix(#fff, $peach-kiss, 20%);
$peach-kiss-dark: mix(#000, $peach-kiss, 20%);
.element {
color: $peach-kiss;
box-shadow: 0 0 0 2px rgba($peach-kiss, 0.35);
}