Benannte Farbe · #F5F0D1
Summer Pear
Summer Pear ist #F5F0D1: rgb(245 240 209), hsl(52 64% 89%), oklch(0.951 0.041 99.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Summer Pear color name →
#F5F0D1
oklch(0.951 0.041 99.6)
Farbumrechnungen
- HEX
- #f5f0d1
- RGB
- rgb(245 240 209)
- HSL
- hsl(52 64% 89%)
- HWB
- hwb(52 82% 4%)
- OKLCH
- oklch(0.951 0.041 99.6)
- OKLab
- oklab(0.951 -0.007 0.04)
- CIE Lab
- lab(94.59 -2.01 15.69)
- LCH
- lch(94.59 15.81 97.3)
- CMYK
- cmyk(0% 2% 15% 4%)
Tints · Shades · Tones
Tints
- F6F2D6
- F7F3DA
- F8F5DF
- F9F6E4
- FAF8E8
- FBF9ED
- FCFBF1
- FDFCF6
- FEFEFA
Shades
- D5D1B5
- B6B29B
- 989581
- 7B7868
- 5F5D50
- 444339
- 2B2A23
- 151410
- 030302
Tones
- E9E4C9
- DDD9C0
- D0CDB8
- C5C2B0
- B9B6A8
- ADABA0
- A2A098
- 969590
- 8B8B88
Farbharmonien
Komplementär +180°
- F5F0D1
Summer Pear
- EBEEFF
≈ Carte Blanche
Analog -30° +30°
- F5F0D1
Summer Pear
- FFEBD6
≈ Winter Morning
- E6F5D8
≈ Light Green Glint
Triadisch +120° +240°
- F5F0D1
Summer Pear
- D6F5FF
≈ Glacial Day
- FFE7F6
≈ Dolomite Crystal
Geteilt komplementär +150° +210°
- F5F0D1
Summer Pear
- E3F1FF
≈ Wizard White
- F5EAFF
≈ Placebo Fuchsia
Tetradisch +90° +180° +270°
- F5F0D1
Summer Pear
- D1F8F5
≈ Tinted Ice
- EBEEFF
≈ Carte Blanche
- FFE8EB
≈ Porcelain Skin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.14:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.26:1 · APCA Lc 97
Beste Textfarbe: #000000
WCAG 18.26:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--summer-pear: #f5f0d1;
--summer-pear-rgb: 245 240 209;
--summer-pear-oklch: oklch(0.951 0.041 99.6);
}
.element {
color: var(--summer-pear);
background-color: hsl(52 64% 89%);
border-color: oklch(0.951 0.041 99.6);
}Tailwind CSS v4
@theme {
--color-summer-pear: #f5f0d1;
--color-summer-pear-50: #f7f6e9;
--color-summer-pear-100: #eae9d9;
--color-summer-pear-200: #d7d5c2;
--color-summer-pear-300: #bbb8a1;
--color-summer-pear-400: #a49f84;
--color-summer-pear-500: #8c8768;
--color-summer-pear-600: #777258;
--color-summer-pear-700: #5f5b46;
--color-summer-pear-800: #464332;
--color-summer-pear-900: #302e22;
--color-summer-pear-950: #1d1b11;
}SCSS
$summer-pear: #f5f0d1;
$summer-pear-rgb: 245, 240, 209;
$summer-pear-light: mix(#fff, $summer-pear, 20%);
$summer-pear-dark: mix(#000, $summer-pear, 20%);
.element {
color: $summer-pear;
box-shadow: 0 0 0 2px rgba($summer-pear, 0.35);
}