Adlandırılmış renk · #C88D94
Greyish Pink
Greyish Pink, #C88D94: rgb(200 141 148), hsl(353 35% 67%), oklch(0.703 0.072 11.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Greyish Pink color name →
#C88D94
oklch(0.703 0.072 11.2)
Renk dönüşümleri
- HEX
- #c88d94
- RGB
- rgb(200 141 148)
- HSL
- hsl(353 35% 67%)
- HWB
- hwb(353 55% 22%)
- OKLCH
- oklch(0.703 0.072 11.2)
- OKLab
- oklab(0.703 0.071 0.014)
- CIE Lab
- lab(64.76 23.82 5.74)
- LCH
- lch(64.76 24.5 13.5)
- CMYK
- cmyk(0% 29% 26% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CE989E
- D4A3A9
- DAAEB3
- DFBABE
- E5C5C8
- EAD1D3
- F0DCDE
- F5E8E9
- FAF3F4
Koyu tonlar
- AE7A80
- 94676D
- 7B555A
- 634448
- 4C3336
- 362326
- 211416
- 0F0708
- 020101
Gri tonlar
- C18C92
- BA8B90
- B38A8E
- AC888C
- A4878A
- 9D8688
- 968486
- 8F8384
- 878182
Renk uyumları
Tamamlayıcı +180°
- C88D94
Greyish Pink
- 67AEAA
≈ Turquoise Fantasies
Analog -30° +30°
- C88D94
Greyish Pink
- BF8EAD
≈ Mauve Magic
- C7917D
≈ Black Hills Gold
Üçlü +120° +240°
- C88D94
Greyish Pink
- 8FA97A
≈ Lounge Green
- 7EA3CC
≈ Paula Loves Paris
Bölünmüş tamamlayıcı +150° +210°
- C88D94
Greyish Pink
- 76AE91
≈ Melon Green
- 6AAABF
≈ Milky Blue
Dörtlü +90° +180° +270°
- C88D94
Greyish Pink
- A9A16C
≈ Autumn Sage
- 67AEAA
≈ Turquoise Fantasies
- 979BCC
≈ Bluebell Frost
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.72:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.69:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--greyish-pink: #c88d94;
--greyish-pink-rgb: 200 141 148;
--greyish-pink-oklch: oklch(0.703 0.072 11.2);
}
.element {
color: var(--greyish-pink);
background-color: hsl(353 35% 67%);
border-color: oklch(0.703 0.072 11.2);
}Tailwind CSS v4
@theme {
--color-greyish-pink: #c88d94;
--color-greyish-pink-50: #ffedef;
--color-greyish-pink-100: #ffdfe1;
--color-greyish-pink-200: #f2c8cb;
--color-greyish-pink-300: #daa9ad;
--color-greyish-pink-400: #c58d94;
--color-greyish-pink-500: #b0727a;
--color-greyish-pink-600: #956167;
--color-greyish-pink-700: #784d53;
--color-greyish-pink-800: #58383d;
--color-greyish-pink-900: #3e262a;
--color-greyish-pink-950: #271417;
}SCSS
$greyish-pink: #c88d94;
$greyish-pink-rgb: 200, 141, 148;
$greyish-pink-light: mix(#fff, $greyish-pink, 20%);
$greyish-pink-dark: mix(#000, $greyish-pink, 20%);
.element {
color: $greyish-pink;
box-shadow: 0 0 0 2px rgba($greyish-pink, 0.35);
}