Adlandırılmış renk · #EBD7D3
Peach Glamour
Peach Glamour, #EBD7D3: rgb(235 215 211), hsl(10 38% 87%), oklch(0.894 0.023 31.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Peach Glamour color name →
#EBD7D3
oklch(0.894 0.023 31.1)
Renk dönüşümleri
- HEX
- #ebd7d3
- RGB
- rgb(235 215 211)
- HSL
- hsl(10 38% 87%)
- HWB
- hwb(10 83% 8%)
- OKLCH
- oklch(0.894 0.023 31.1)
- OKLab
- oklab(0.894 0.02 0.012)
- CIE Lab
- lab(87.56 6.65 4.61)
- LCH
- lch(87.56 8.09 34.8)
- CMYK
- cmyk(0% 9% 10% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDDBD7
- EFDFDC
- F1E3E0
- F3E7E4
- F5EBE9
- F7EFED
- F9F3F2
- FBF7F6
- FDFBFB
Koyu tonlar
- CCBBB7
- AE9F9C
- 918582
- 756B69
- 5B5251
- 413B3A
- 292524
- 131110
- 030202
Gri tonlar
- E0CECA
- D5C5C2
- CABCB9
- BFB3B1
- B4AAA9
- A9A2A0
- 9F9998
- 949190
- 8A8888
Renk uyumları
Tamamlayıcı +180°
- EBD7D3
Peach Glamour
- CCE1E5
≈ Melting Point
Analog -30° +30°
- EBD7D3
Peach Glamour
- EAD6DB
≈ Berry Taffy
- E8D9CD
≈ Malted Milk
Üçlü +120° +240°
- EBD7D3
Peach Glamour
- D2E1D5
≈ Minty Delight
- D6DCEC
≈ Weeping Wisteria
Bölünmüş tamamlayıcı +150° +210°
- EBD7D3
Peach Glamour
- CDE1DD
≈ Big Sky
- CFDFEA
≈ Happy Thoughts
Dörtlü +90° +180° +270°
- EBD7D3
Peach Glamour
- DADFCE
≈ Gin
- CCE1E5
≈ Melting Point
- DED9E9
≈ Eyeshadow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.19:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--peach-glamour: #ebd7d3;
--peach-glamour-rgb: 235 215 211;
--peach-glamour-oklch: oklch(0.894 0.023 31.1);
}
.element {
color: var(--peach-glamour);
background-color: hsl(10 38% 87%);
border-color: oklch(0.894 0.023 31.1);
}Tailwind CSS v4
@theme {
--color-peach-glamour: #ebd7d3;
--color-peach-glamour-50: #fcf3f1;
--color-peach-glamour-100: #efe5e3;
--color-peach-glamour-200: #ded1ce;
--color-peach-glamour-300: #c3b3b0;
--color-peach-glamour-400: #ac9a96;
--color-peach-glamour-500: #95817d;
--color-peach-glamour-600: #7e6d6a;
--color-peach-glamour-700: #655755;
--color-peach-glamour-800: #4a403e;
--color-peach-glamour-900: #332c2a;
--color-peach-glamour-950: #1f1918;
}SCSS
$peach-glamour: #ebd7d3;
$peach-glamour-rgb: 235, 215, 211;
$peach-glamour-light: mix(#fff, $peach-glamour, 20%);
$peach-glamour-dark: mix(#000, $peach-glamour, 20%);
.element {
color: $peach-glamour;
box-shadow: 0 0 0 2px rgba($peach-glamour, 0.35);
}