Adlandırılmış renk · #DCBEB5
Peach Blush
Peach Blush, #DCBEB5: rgb(220 190 181), hsl(14 36% 79%), oklch(0.825 0.037 37.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Peach Blush color name →
#DCBEB5
oklch(0.825 0.037 37.3)
Renk dönüşümleri
- HEX
- #dcbeb5
- RGB
- rgb(220 190 181)
- HSL
- hsl(14 36% 79%)
- HWB
- hwb(14 71% 14%)
- OKLCH
- oklch(0.825 0.037 37.3)
- OKLab
- oklab(0.825 0.029 0.022)
- CIE Lab
- lab(79.41 9.98 8.71)
- LCH
- lch(79.41 13.25 41.1)
- CMYK
- cmyk(0% 14% 18% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0C4BC
- E3CBC3
- E7D1CB
- EAD8D2
- EEDEDA
- F1E5E1
- F5EBE8
- F8F2F0
- FCF8F7
Koyu tonlar
- BFA59D
- A38C86
- 88756F
- 6E5E59
- 544844
- 3C3330
- 261F1D
- 110D0C
- 020202
Gri tonlar
- D2B8B0
- C9B1AA
- C0ABA5
- B6A59F
- AD9F9A
- A49895
- 9B9290
- 928C8A
- 898685
Renk uyumları
Tamamlayıcı +180°
- DCBEB5
Peach Blush
- ACCCD5
≈ Easy Breezy
Analog -30° +30°
- DCBEB5
Peach Blush
- DCBCC1
≈ Crystalline Pink
- D6C2AD
≈ Swiss Coffee
Üçlü +120° +240°
- DCBEB5
Peach Blush
- B3CDBC
≈ Mint Mousse
- BFC4DE
≈ Genevieve
Bölünmüş tamamlayıcı +150° +210°
- DCBEB5
Peach Blush
- ACCECA
≈ Andean Opal Green
- B3C8DD
≈ Ridge Light
Dörtlü +90° +180° +270°
- DCBEB5
Peach Blush
- BFCAB1
≈ Green Dragon Spring
- ACCCD5
≈ Easy Breezy
- CCC0D9
≈ Awesome Aura
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.07:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--peach-blush: #dcbeb5;
--peach-blush-rgb: 220 190 181;
--peach-blush-oklch: oklch(0.825 0.037 37.3);
}
.element {
color: var(--peach-blush);
background-color: hsl(14 36% 79%);
border-color: oklch(0.825 0.037 37.3);
}Tailwind CSS v4
@theme {
--color-peach-blush: #dcbeb5;
--color-peach-blush-50: #fff2ed;
--color-peach-blush-100: #f4e4df;
--color-peach-blush-200: #e3cfc9;
--color-peach-blush-300: #c9b2aa;
--color-peach-blush-400: #b3978f;
--color-peach-blush-500: #9d7e75;
--color-peach-blush-600: #846b63;
--color-peach-blush-700: #6a554f;
--color-peach-blush-800: #4e3e3a;
--color-peach-blush-900: #362b28;
--color-peach-blush-950: #211816;
}SCSS
$peach-blush: #dcbeb5;
$peach-blush-rgb: 220, 190, 181;
$peach-blush-light: mix(#fff, $peach-blush, 20%);
$peach-blush-dark: mix(#000, $peach-blush, 20%);
.element {
color: $peach-blush;
box-shadow: 0 0 0 2px rgba($peach-blush, 0.35);
}