이름 색상 · #A9898D
Coffee Rose
Coffee Rose은(는) #A9898D: rgb(169 137 141), hsl(353 16% 60%), oklch(0.661 0.039 9.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Coffee Rose color name →
#A9898D
oklch(0.661 0.039 9.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B29498
- BAA0A3
- C3ABAE
- CBB7B9
- D4C3C4
- DCCED0
- E5DADC
- EEE6E7
- F6F3F3
셰이드
- 92767A
- 7C6467
- 675355
- 534244
- 3F3133
- 2C2223
- 1B1414
- 0A0707
- 010101
톤
- A5888C
- A1878A
- 9D8689
- 998688
- 958586
- 918485
- 8C8384
- 888283
- 848181
색 조화
보색 +180°
- A9898D
Coffee Rose
- 779B98
≈ Avalon
유사색 -30° +30°
- A9898D
Coffee Rose
- A48A9A
≈ Lively Light
- A98B81
≈ Forest Trail
삼각 배색 +120° +240°
- A9898D
Coffee Rose
- 8B987E
≈ Leaflet
- 8195AA
≈ Nordland Blue
분열 보색 +150° +210°
- A9898D
Coffee Rose
- 7E9A8A
≈ Parisian Patina
- 7899A3
≈ Tranquil Aqua
사각 배색 +90° +180° +270°
- A9898D
Coffee Rose
- 989378
≈ Grassy Savannah
- 779B98
≈ Avalon
- 8D90AB
≈ Sephiroth Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.15:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.64:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
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);
}