Adlandırılmış renk · #FADDC4
Champagne Peach
Champagne Peach, #FADDC4: rgb(250 221 196), hsl(28 84% 87%), oklch(0.915 0.046 63). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Champagne Peach color name →
#FADDC4
oklch(0.915 0.046 63)
Renk dönüşümleri
- HEX
- #faddc4
- RGB
- rgb(250 221 196)
- HSL
- hsl(28 84% 87%)
- HWB
- hwb(28 77% 2%)
- OKLCH
- oklch(0.915 0.046 63)
- OKLab
- oklab(0.915 0.021 0.041)
- CIE Lab
- lab(90.07 7.55 16.19)
- LCH
- lch(90.07 17.86 65)
- CMYK
- cmyk(0% 12% 22% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBE0CA
- FBE4D0
- FCE7D6
- FCEBDC
- FDEEE1
- FDF1E7
- FEF5ED
- FEF8F3
- FFFCF9
Koyu tonlar
- D9C0AA
- BAA491
- 9B8878
- 7D6E61
- 61554A
- 463D35
- 2D2621
- 15110E
- 030202
Gri tonlar
- EDD3BD
- E1CAB6
- D4C0AF
- C8B7A8
- BBADA2
- AFA49B
- A39B94
- 97928D
- 8C8987
Renk uyumları
Tamamlayıcı +180°
- FADDC4
Champagne Peach
- CAE7FF
≈ Icy Landscape
Analog -30° +30°
- FADDC4
Champagne Peach
- FFD9D0
≈ Shy Girl
- EDE3C1
≈ Beurre Blanc
Üçlü +120° +240°
- FADDC4
Champagne Peach
- C2EEE6
≈ Path to the Sky
- E9DCFD
≈ Lavender Savour
Bölünmüş tamamlayıcı +150° +210°
- FADDC4
Champagne Peach
- C1ECF5
≈ Icy Breeze
- DAE2FF
≈ Stoic White
Dörtlü +90° +180° +270°
- FADDC4
Champagne Peach
- CDECD5
≈ Jade Palace
- CAE7FF
≈ Icy Landscape
- F7D8F0
≈ Jacaranda
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.20:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--champagne-peach: #faddc4;
--champagne-peach-rgb: 250 221 196;
--champagne-peach-oklch: oklch(0.915 0.046 63);
}
.element {
color: var(--champagne-peach);
background-color: hsl(28 84% 87%);
border-color: oklch(0.915 0.046 63);
}Tailwind CSS v4
@theme {
--color-champagne-peach: #faddc4;
--color-champagne-peach-50: #fff3e8;
--color-champagne-peach-100: #f3e5d8;
--color-champagne-peach-200: #e3d1c0;
--color-champagne-peach-300: #c9b39f;
--color-champagne-peach-400: #b39983;
--color-champagne-peach-500: #9d8067;
--color-champagne-peach-600: #846c57;
--color-champagne-peach-700: #6a5745;
--color-champagne-peach-800: #4e3f32;
--color-champagne-peach-900: #372b22;
--color-champagne-peach-950: #211911;
}SCSS
$champagne-peach: #faddc4;
$champagne-peach-rgb: 250, 221, 196;
$champagne-peach-light: mix(#fff, $champagne-peach, 20%);
$champagne-peach-dark: mix(#000, $champagne-peach, 20%);
.element {
color: $champagne-peach;
box-shadow: 0 0 0 2px rgba($champagne-peach, 0.35);
}