Màu có tên · #D5B199
Cinnamon Mocha
Cinnamon Mocha là #D5B199: rgb(213 177 153), hsl(24 42% 72%), oklch(0.786 0.053 55.5). 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 Orange mean? → · Cinnamon Mocha color name →
#D5B199
oklch(0.786 0.053 55.5)
Chuyển đổi màu
- HEX
- #d5b199
- RGB
- rgb(213 177 153)
- HSL
- hsl(24 42% 72%)
- HWB
- hwb(24 60% 16%)
- OKLCH
- oklch(0.786 0.053 55.5)
- OKLab
- oklab(0.786 0.03 0.044)
- CIE Lab
- lab(74.98 10.86 17.46)
- LCH
- lch(74.98 20.57 58.1)
- CMYK
- cmyk(0% 17% 28% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9B9A3
- DEC0AD
- E2C8B7
- E6D0C1
- EAD8CB
- EFDFD6
- F3E7E0
- F7EFEA
- FBF7F5
Sắc đậm
- B99984
- 9E8370
- 836C5D
- 6A574A
- 514238
- 3A2F27
- 241C17
- 100C08
- 020101
Sắc xám
- CCAC97
- C4A794
- BBA292
- B29D8F
- AA988D
- A1938A
- 998F88
- 918A85
- 888583
Hòa sắc
Bổ túc +180°
- D5B199
Cinnamon Mocha
- 99BFD7
≈ Sky Bus
Tương đồng -30° +30°
- D5B199
Cinnamon Mocha
- DAADA8
≈ Pink Stock
- C9B793
≈ Warm and Toasty
Bộ ba +120° +240°
- D5B199
Cinnamon Mocha
- 96C5B8
≈ Float Your Boat
- BBB3D9
≈ Moonraker
Bổ túc chia +150° +210°
- D5B199
Cinnamon Mocha
- 91C4CA
≈ Cosmic Blue
- A9B9DC
≈ Wisp
Bộ bốn +90° +180° +270°
- D5B199
Cinnamon Mocha
- A4C3A5
≈ Aroma Garden
- 99BFD7
≈ Sky Bus
- CCAECC
≈ Windsor Purple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.98:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.57:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--cinnamon-mocha: #d5b199;
--cinnamon-mocha-rgb: 213 177 153;
--cinnamon-mocha-oklch: oklch(0.786 0.053 55.5);
}
.element {
color: var(--cinnamon-mocha);
background-color: hsl(24 42% 72%);
border-color: oklch(0.786 0.053 55.5);
}Tailwind CSS v4
@theme {
--color-cinnamon-mocha: #d5b199;
--color-cinnamon-mocha-50: #fff2e7;
--color-cinnamon-mocha-100: #f6e4d7;
--color-cinnamon-mocha-200: #e7cfbf;
--color-cinnamon-mocha-300: #cdb19d;
--color-cinnamon-mocha-400: #b89781;
--color-cinnamon-mocha-500: #a27d64;
--color-cinnamon-mocha-600: #896a55;
--color-cinnamon-mocha-700: #6e5544;
--color-cinnamon-mocha-800: #513d31;
--color-cinnamon-mocha-900: #392a21;
--color-cinnamon-mocha-950: #231811;
}SCSS
$cinnamon-mocha: #d5b199;
$cinnamon-mocha-rgb: 213, 177, 153;
$cinnamon-mocha-light: mix(#fff, $cinnamon-mocha, 20%);
$cinnamon-mocha-dark: mix(#000, $cinnamon-mocha, 20%);
.element {
color: $cinnamon-mocha;
box-shadow: 0 0 0 2px rgba($cinnamon-mocha, 0.35);
}