Màu có tên · #C9A196
Raspberry Kahlua
Raspberry Kahlua là #C9A196: rgb(201 161 150), hsl(13 32% 69%), oklch(0.742 0.05 35.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Raspberry Kahlua color name →
#C9A196
oklch(0.742 0.05 35.9)
Chuyển đổi màu
- HEX
- #c9a196
- RGB
- rgb(201 161 150)
- HSL
- hsl(13 32% 69%)
- HWB
- hwb(13 59% 21%)
- OKLCH
- oklch(0.742 0.05 35.9)
- OKLab
- oklab(0.742 0.041 0.029)
- CIE Lab
- lab(69.75 14.04 11.65)
- LCH
- lch(69.75 18.24 39.7)
- CMYK
- cmyk(0% 20% 25% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CFAAA0
- D4B3AA
- DABDB5
- DFC6BF
- E4CFC9
- EAD9D4
- EFE2DF
- F5ECE9
- FAF5F4
Sắc đậm
- AE8B82
- 95766E
- 7C625B
- 644E49
- 4C3C37
- 362A26
- 221916
- 0F0908
- 020101
Sắc xám
- C29E94
- BA9A92
- B3978F
- AC948D
- A4918B
- 9D8D89
- 968A87
- 8F8784
- 878382
Hòa sắc
Bổ túc +180°
- C9A196
Raspberry Kahlua
- 88B4C0
≈ Thistleblossom Soft Blue
Tương đồng -30° +30°
- C9A196
Raspberry Kahlua
- C89FA7
≈ Primula
- C2A68B
≈ Truffle
Bộ ba +120° +240°
- C9A196
Raspberry Kahlua
- 93B69E
≈ Garden District
- A2AACC
≈ Lilac Scent Soft Blue
Bổ túc chia +150° +210°
- C9A196
Raspberry Kahlua
- 88B6B0
≈ Vintage Blue
- 92AFCA
≈ Matte Blue
Bộ bốn +90° +180° +270°
- C9A196
Raspberry Kahlua
- A4B290
≈ Family Tree
- 88B4C0
≈ Thistleblossom Soft Blue
- B3A4C5
≈ Blue Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.32:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 9.02:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--raspberry-kahlua: #c9a196;
--raspberry-kahlua-rgb: 201 161 150;
--raspberry-kahlua-oklch: oklch(0.742 0.05 35.9);
}
.element {
color: var(--raspberry-kahlua);
background-color: hsl(13 32% 69%);
border-color: oklch(0.742 0.05 35.9);
}Tailwind CSS v4
@theme {
--color-raspberry-kahlua: #c9a196;
--color-raspberry-kahlua-50: #fff1eb;
--color-raspberry-kahlua-100: #f8e3dc;
--color-raspberry-kahlua-200: #e9cdc5;
--color-raspberry-kahlua-300: #cfafa5;
--color-raspberry-kahlua-400: #ba958a;
--color-raspberry-kahlua-500: #a47b6f;
--color-raspberry-kahlua-600: #8b685e;
--color-raspberry-kahlua-700: #6f534b;
--color-raspberry-kahlua-800: #523c37;
--color-raspberry-kahlua-900: #392926;
--color-raspberry-kahlua-950: #241714;
}SCSS
$raspberry-kahlua: #c9a196;
$raspberry-kahlua-rgb: 201, 161, 150;
$raspberry-kahlua-light: mix(#fff, $raspberry-kahlua, 20%);
$raspberry-kahlua-dark: mix(#000, $raspberry-kahlua, 20%);
.element {
color: $raspberry-kahlua;
box-shadow: 0 0 0 2px rgba($raspberry-kahlua, 0.35);
}