Benannte Farbe · #EECFBF
Peach Blossom Red
Peach Blossom Red ist #EECFBF: rgb(238 207 191), hsl(20 58% 84%), oklch(0.876 0.041 49). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peach Blossom Red color name →
#EECFBF
oklch(0.876 0.041 49)
Farbumrechnungen
- HEX
- #eecfbf
- RGB
- rgb(238 207 191)
- HSL
- hsl(20 58% 84%)
- HWB
- hwb(20 75% 7%)
- OKLCH
- oklch(0.876 0.041 49)
- OKLab
- oklab(0.876 0.027 0.031)
- CIE Lab
- lab(85.46 9.39 12.19)
- LCH
- lch(85.46 15.39 52.4)
- CMYK
- cmyk(0% 13% 20% 7%)
Tints · Shades · Tones
Tints
- F0D4C5
- F2D9CC
- F3DDD2
- F5E2D8
- F7E7DF
- F9ECE5
- FAF1EC
- FCF5F2
- FDFAF9
Shades
- CFB4A6
- B1998D
- 937F75
- 77675E
- 5C4F48
- 423833
- 2A231F
- 14100D
- 030202
Tones
- E3C7B9
- D7BFB2
- CCB7AC
- C1AFA5
- B6A79F
- AB9F99
- A09793
- 958F8C
- 8B8886
Farbharmonien
Komplementär +180°
- EECFBF
Peach Blossom Red
- BBDCEC
≈ Ice Rink
Analog -30° +30°
- EECFBF
Peach Blossom Red
- F1CCCC
≈ Abloom
- E5D4B9
≈ Pale Sand
Triadisch +120° +240°
- EECFBF
Peach Blossom Red
- BDE0D2
≈ Otto Ice
- D5D2F1
≈ Air Castle
Geteilt komplementär +150° +210°
- EECFBF
Peach Blossom Red
- B8DFE0
≈ Fine Blue
- C6D8F2
≈ Light Powder Blue
Tetradisch +90° +180° +270°
- EECFBF
Peach Blossom Red
- C9DDC3
≈ Shanghai Silk
- BBDCEC
≈ Ice Rink
- E2CEE8
≈ Footie Pyjamas
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.46:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.31:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--peach-blossom-red: #eecfbf;
--peach-blossom-red-rgb: 238 207 191;
--peach-blossom-red-oklch: oklch(0.876 0.041 49);
}
.element {
color: var(--peach-blossom-red);
background-color: hsl(20 58% 84%);
border-color: oklch(0.876 0.041 49);
}Tailwind CSS v4
@theme {
--color-peach-blossom-red: #eecfbf;
--color-peach-blossom-red-50: #fff2eb;
--color-peach-blossom-red-100: #f4e4dc;
--color-peach-blossom-red-200: #e4d0c5;
--color-peach-blossom-red-300: #cab2a5;
--color-peach-blossom-red-400: #b49889;
--color-peach-blossom-red-500: #9e7f6e;
--color-peach-blossom-red-600: #856b5e;
--color-peach-blossom-red-700: #6b564b;
--color-peach-blossom-red-800: #4f3e36;
--color-peach-blossom-red-900: #372b25;
--color-peach-blossom-red-950: #221814;
}SCSS
$peach-blossom-red: #eecfbf;
$peach-blossom-red-rgb: 238, 207, 191;
$peach-blossom-red-light: mix(#fff, $peach-blossom-red, 20%);
$peach-blossom-red-dark: mix(#000, $peach-blossom-red, 20%);
.element {
color: $peach-blossom-red;
box-shadow: 0 0 0 2px rgba($peach-blossom-red, 0.35);
}