Adlandırılmış renk · #DAC9B8
Manilla Rope
Manilla Rope, #DAC9B8: rgb(218 201 184), hsl(30 31% 79%), oklch(0.845 0.03 67.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Manilla Rope color name →
#DAC9B8
oklch(0.845 0.03 67.4)
Renk dönüşümleri
- HEX
- #dac9b8
- RGB
- rgb(218 201 184)
- HSL
- hsl(30 31% 79%)
- HWB
- hwb(30 72% 15%)
- OKLCH
- oklch(0.845 0.03 67.4)
- OKLab
- oklab(0.845 0.012 0.028)
- CIE Lab
- lab(82.04 4.09 10.79)
- LCH
- lch(82.04 11.54 69.2)
- CMYK
- cmyk(0% 8% 16% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DECEBF
- E1D4C6
- E5D9CD
- E9DED4
- ECE4DB
- F0E9E2
- F4EFE9
- F8F4F1
- FBFAF8
Koyu tonlar
- BDAEA0
- A29588
- 877C71
- 6C645B
- 544C45
- 3C3631
- 25221E
- 110F0C
- 020202
Gri tonlar
- D1C1B2
- C7BAAD
- BEB3A7
- B5ABA1
- ACA49C
- A39D96
- 9A9591
- 918E8B
- 898785
Renk uyumları
Tamamlayıcı +180°
- DAC9B8
Manilla Rope
- BDCFDF
≈ Sky’s the Limit
Analog -30° +30°
- DAC9B8
Manilla Rope
- DFC6BF
≈ Tender Shell
- D1CDB7
≈ Montezuma
Üçlü +120° +240°
- DAC9B8
Manilla Rope
- B7D3CF
≈ Malaysian Mist
- D1C7DC
≈ Angel Kiss
Bölünmüş tamamlayıcı +150° +210°
- DAC9B8
Manilla Rope
- B7D2D9
≈ Subtle Breeze
- C7CBE0
≈ Periwinkle Powder
Dörtlü +90° +180° +270°
- DAC9B8
Manilla Rope
- BDD3C5
≈ Garden Statue
- BDCFDF
≈ Sky’s the Limit
- DAC5D3
≈ Scented Soap
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.02:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 13.02:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--manilla-rope: #dac9b8;
--manilla-rope-rgb: 218 201 184;
--manilla-rope-oklch: oklch(0.845 0.03 67.4);
}
.element {
color: var(--manilla-rope);
background-color: hsl(30 31% 79%);
border-color: oklch(0.845 0.03 67.4);
}Tailwind CSS v4
@theme {
--color-manilla-rope: #dac9b8;
--color-manilla-rope-50: #fbf4ec;
--color-manilla-rope-100: #efe6dd;
--color-manilla-rope-200: #ddd2c7;
--color-manilla-rope-300: #c2b5a7;
--color-manilla-rope-400: #ab9b8c;
--color-manilla-rope-500: #948371;
--color-manilla-rope-600: #7d6f60;
--color-manilla-rope-700: #64584d;
--color-manilla-rope-800: #4a4038;
--color-manilla-rope-900: #332c26;
--color-manilla-rope-950: #1f1914;
}SCSS
$manilla-rope: #dac9b8;
$manilla-rope-rgb: 218, 201, 184;
$manilla-rope-light: mix(#fff, $manilla-rope, 20%);
$manilla-rope-dark: mix(#000, $manilla-rope, 20%);
.element {
color: $manilla-rope;
box-shadow: 0 0 0 2px rgba($manilla-rope, 0.35);
}