Adlandırılmış renk · #CCBBC0
Lady Fingers
Lady Fingers, #CCBBC0: rgb(204 187 192), hsl(342 14% 77%), oklch(0.808 0.02 357.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lady Fingers color name →
#CCBBC0
oklch(0.808 0.02 357.7)
Renk dönüşümleri
- HEX
- #ccbbc0
- RGB
- rgb(204 187 192)
- HSL
- hsl(342 14% 77%)
- HWB
- hwb(342 73% 20%)
- OKLCH
- oklch(0.808 0.02 357.7)
- OKLab
- oklab(0.808 0.02 -0.001)
- CIE Lab
- lab(77.43 6.87 -0.24)
- LCH
- lch(77.43 6.88 358)
- CMYK
- cmyk(0% 8% 6% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1C2C6
- D6C8CC
- DBCFD3
- E0D6D9
- E5DDDF
- EAE3E5
- F0EAEC
- F5F1F2
- FAF8F9
Koyu tonlar
- B1A2A7
- 978A8E
- 7E7376
- 655C5F
- 4E4649
- 373234
- 221F20
- 0F0D0E
- 020202
Gri tonlar
- C4B5B9
- BCAFB3
- B5A9AC
- ADA3A6
- A59D9F
- 9E9799
- 969193
- 8F8B8C
- 878686
Renk uyumları
Tamamlayıcı +180°
- CCBBC0
Lady Fingers
- B3C5C0
≈ Blustery Wind
Analog -30° +30°
- CCBBC0
Lady Fingers
- C8BCC7
≈ Stately Frills
- CDBCB9
≈ Wafting Grey
Üçlü +120° +240°
- CCBBC0
Lady Fingers
- BFC2B4
≈ Light Patina
- B5C2CC
≈ Pre School
Bölünmüş tamamlayıcı +150° +210°
- CCBBC0
Lady Fingers
- B8C4B9
≈ Median Green
- B2C4C7
≈ Jungle Mist
Dörtlü +90° +180° +270°
- CCBBC0
Lady Fingers
- C6C0B2
≈ Stone Fortress
- B3C5C0
≈ Blustery Wind
- BAC0CE
≈ Mount Nirvana
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.43:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.43:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--lady-fingers: #ccbbc0;
--lady-fingers-rgb: 204 187 192;
--lady-fingers-oklch: oklch(0.808 0.02 357.7);
}
.element {
color: var(--lady-fingers);
background-color: hsl(342 14% 77%);
border-color: oklch(0.808 0.02 357.7);
}Tailwind CSS v4
@theme {
--color-lady-fingers: #ccbbc0;
--color-lady-fingers-50: #faf3f5;
--color-lady-fingers-100: #eee5e7;
--color-lady-fingers-200: #dcd1d4;
--color-lady-fingers-300: #c1b3b7;
--color-lady-fingers-400: #a99a9e;
--color-lady-fingers-500: #928186;
--color-lady-fingers-600: #7c6d71;
--color-lady-fingers-700: #63575b;
--color-lady-fingers-800: #494043;
--color-lady-fingers-900: #322c2e;
--color-lady-fingers-950: #1e191b;
}SCSS
$lady-fingers: #ccbbc0;
$lady-fingers-rgb: 204, 187, 192;
$lady-fingers-light: mix(#fff, $lady-fingers, 20%);
$lady-fingers-dark: mix(#000, $lady-fingers, 20%);
.element {
color: $lady-fingers;
box-shadow: 0 0 0 2px rgba($lady-fingers, 0.35);
}