Adlandırılmış renk · #F9E8CE
Peach Umbrella
Peach Umbrella, #F9E8CE: rgb(249 232 206), hsl(36 78% 89%), oklch(0.938 0.039 78.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Peach Umbrella color name →
#F9E8CE
oklch(0.938 0.039 78.6)
Renk dönüşümleri
- HEX
- #f9e8ce
- RGB
- rgb(249 232 206)
- HSL
- hsl(36 78% 89%)
- HWB
- hwb(36 81% 2%)
- OKLCH
- oklch(0.938 0.039 78.6)
- OKLab
- oklab(0.938 0.008 0.038)
- CIE Lab
- lab(92.87 2.93 14.89)
- LCH
- lch(92.87 15.18 78.9)
- CMYK
- cmyk(0% 7% 17% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FAEAD3
- FAEDD8
- FBEFDD
- FBF1E2
- FCF4E7
- FDF6EB
- FDF8F0
- FEFAF5
- FEFDFA
Koyu tonlar
- D9CAB3
- B9AC98
- 9A907F
- 7D7466
- 61594E
- 464038
- 2C2923
- 15130F
- 030302
Gri tonlar
- ECDDC6
- E0D2BE
- D3C8B6
- C7BDAE
- BBB3A6
- AFA89F
- A39E97
- 97948F
- 8B8A88
Renk uyumları
Tamamlayıcı +180°
- F9E8CE
Peach Umbrella
- DFECFF
≈ Calcareous Sinter
Analog -30° +30°
- F9E8CE
Peach Umbrella
- FFE4D7
≈ Light Peach Rose
- ECEDCF
≈ Floating Lily
Üçlü +120° +240°
- F9E8CE
Peach Umbrella
- CDF3F4
≈ Vaporised
- F6E3FC
≈ Soft Lavender
Bölünmüş tamamlayıcı +150° +210°
- F9E8CE
Peach Umbrella
- D1F0FF
≈ Blue Hijab
- E9E8FF
≈ Glitter
Dörtlü +90° +180° +270°
- F9E8CE
Peach Umbrella
- D2F3E6
≈ Minty Fresh
- DFECFF
≈ Calcareous Sinter
- FFE1EF
≈ Pale Blossom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.46:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.46:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--peach-umbrella: #f9e8ce;
--peach-umbrella-rgb: 249 232 206;
--peach-umbrella-oklch: oklch(0.938 0.039 78.6);
}
.element {
color: var(--peach-umbrella);
background-color: hsl(36 78% 89%);
border-color: oklch(0.938 0.039 78.6);
}Tailwind CSS v4
@theme {
--color-peach-umbrella: #f9e8ce;
--color-peach-umbrella-50: #fbf4e9;
--color-peach-umbrella-100: #efe7da;
--color-peach-umbrella-200: #ddd3c2;
--color-peach-umbrella-300: #c2b6a1;
--color-peach-umbrella-400: #ab9c85;
--color-peach-umbrella-500: #948469;
--color-peach-umbrella-600: #7e6f59;
--color-peach-umbrella-700: #645947;
--color-peach-umbrella-800: #4a4133;
--color-peach-umbrella-900: #332d23;
--color-peach-umbrella-950: #1f1a12;
}SCSS
$peach-umbrella: #f9e8ce;
$peach-umbrella-rgb: 249, 232, 206;
$peach-umbrella-light: mix(#fff, $peach-umbrella, 20%);
$peach-umbrella-dark: mix(#000, $peach-umbrella, 20%);
.element {
color: $peach-umbrella;
box-shadow: 0 0 0 2px rgba($peach-umbrella, 0.35);
}