色名 · #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);
}