Adlandırılmış renk · #A9898D
Coffee Rose
Coffee Rose, #A9898D: rgb(169 137 141), hsl(353 16% 60%), oklch(0.661 0.039 9.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Coffee Rose color name →
#A9898D
oklch(0.661 0.039 9.8)
Renk dönüşümleri
- HEX
- #a9898d
- RGB
- rgb(169 137 141)
- HSL
- hsl(353 16% 60%)
- HWB
- hwb(353 54% 34%)
- OKLCH
- oklch(0.661 0.039 9.8)
- OKLab
- oklab(0.661 0.039 0.007)
- CIE Lab
- lab(60.23 13.02 2.7)
- LCH
- lch(60.23 13.3 11.7)
- CMYK
- cmyk(0% 19% 17% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B29498
- BAA0A3
- C3ABAE
- CBB7B9
- D4C3C4
- DCCED0
- E5DADC
- EEE6E7
- F6F3F3
Koyu tonlar
- 92767A
- 7C6467
- 675355
- 534244
- 3F3133
- 2C2223
- 1B1414
- 0A0707
- 010101
Gri tonlar
- A5888C
- A1878A
- 9D8689
- 998688
- 958586
- 918485
- 8C8384
- 888283
- 848181
Renk uyumları
Tamamlayıcı +180°
- A9898D
Coffee Rose
- 779B98
≈ Avalon
Analog -30° +30°
- A9898D
Coffee Rose
- A48A9A
≈ Lively Light
- A98B81
≈ Forest Trail
Üçlü +120° +240°
- A9898D
Coffee Rose
- 8B987E
≈ Leaflet
- 8195AA
≈ Nordland Blue
Bölünmüş tamamlayıcı +150° +210°
- A9898D
Coffee Rose
- 7E9A8A
≈ Parisian Patina
- 7899A3
≈ Tranquil Aqua
Dörtlü +90° +180° +270°
- A9898D
Coffee Rose
- 989378
≈ Grassy Savannah
- 779B98
≈ Avalon
- 8D90AB
≈ Sephiroth Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.15:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.64:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--coffee-rose: #a9898d;
--coffee-rose-rgb: 169 137 141;
--coffee-rose-oklch: oklch(0.661 0.039 9.8);
}
.element {
color: var(--coffee-rose);
background-color: hsl(353 16% 60%);
border-color: oklch(0.661 0.039 9.8);
}Tailwind CSS v4
@theme {
--color-coffee-rose: #a9898d;
--color-coffee-rose-50: #fff1f2;
--color-coffee-rose-100: #f5e3e4;
--color-coffee-rose-200: #e4ced0;
--color-coffee-rose-300: #cbb0b2;
--color-coffee-rose-400: #b49599;
--color-coffee-rose-500: #9e7c80;
--color-coffee-rose-600: #86696d;
--color-coffee-rose-700: #6b5457;
--color-coffee-rose-800: #4f3d40;
--color-coffee-rose-900: #372a2c;
--color-coffee-rose-950: #221719;
}SCSS
$coffee-rose: #a9898d;
$coffee-rose-rgb: 169, 137, 141;
$coffee-rose-light: mix(#fff, $coffee-rose, 20%);
$coffee-rose-dark: mix(#000, $coffee-rose, 20%);
.element {
color: $coffee-rose;
box-shadow: 0 0 0 2px rgba($coffee-rose, 0.35);
}