Màu có tên gần nhất · #5E2A31
#5E2A31
Màu có tên gần nhất: Chocolate Truffle
#5E2A31 (rgb(94 42 49), hsl(352 38% 27%), oklch(0.359 0.076 13.3)) gần nhất với màu có tên Chocolate Truffle. 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.
#5E2A31
oklch(0.359 0.076 13.3)
Chuyển đổi màu
- HEX
- #5e2a31
- RGB
- rgb(94 42 49)
- HSL
- hsl(352 38% 27%)
- HWB
- hwb(352 16% 63%)
- OKLCH
- oklch(0.359 0.076 13.3)
- OKLab
- oklab(0.359 0.074 0.017)
- CIE Lab
- lab(24.75 24.78 7.31)
- LCH
- lch(24.75 25.83 16.4)
- CMYK
- cmyk(0% 55% 48% 63%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6E3D43
- 7E5155
- 8E6569
- 9E7A7D
- AE8F91
- BEA4A6
- CEBABC
- DFD1D2
- EFE8E8
Sắc đậm
- 512329
- 441C22
- 37161A
- 2B1013
- 1F0A0C
- 140506
- 0A0203
- 030101
- 000000
Sắc xám
- 623338
- 663B40
- 6A4447
- 6E4C4F
- 715557
- 755D5F
- 786667
- 7B6F6F
- 7D7778
Hòa sắc
Bổ túc +180°
- 5E2A31
Chocolate Truffle
- 004746
≈ Cyprus
Tương đồng -30° +30°
- 5E2A31
Chocolate Truffle
- 582B47
≈ Winter Bloom
- 5D2E19
≈ Count Chocula
Bộ ba +120° +240°
- 5E2A31
Chocolate Truffle
- 2C4518
≈ Forestry
- 1D3E63
≈ Alpine Race
Bổ túc chia +150° +210°
- 5E2A31
Chocolate Truffle
- 024931
≈ Alaskan Moss
- 004456
≈ Crab Nebula
Bộ bốn +90° +180° +270°
- 5E2A31
Chocolate Truffle
- 443E00
≈ Xanthophobia
- 004746
≈ Cyprus
- 383663
≈ Rhynchites Nitens
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.34:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.85:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.34:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--chocolate-truffle: #5e2a31;
--chocolate-truffle-rgb: 94 42 49;
--chocolate-truffle-oklch: oklch(0.359 0.076 13.3);
}
.element {
color: var(--chocolate-truffle);
background-color: hsl(352 38% 27%);
border-color: oklch(0.359 0.076 13.3);
}Tailwind CSS v4
@theme {
--color-chocolate-truffle: #5e2a31;
--color-chocolate-truffle-50: #ffedee;
--color-chocolate-truffle-100: #ffdedf;
--color-chocolate-truffle-200: #f3c8ca;
--color-chocolate-truffle-300: #dca8ab;
--color-chocolate-truffle-400: #c78c91;
--color-chocolate-truffle-500: #b37177;
--color-chocolate-truffle-600: #976065;
--color-chocolate-truffle-700: #794c51;
--color-chocolate-truffle-800: #5a373c;
--color-chocolate-truffle-900: #3f2629;
--color-chocolate-truffle-950: #281417;
}SCSS
$chocolate-truffle: #5e2a31;
$chocolate-truffle-rgb: 94, 42, 49;
$chocolate-truffle-light: mix(#fff, $chocolate-truffle, 20%);
$chocolate-truffle-dark: mix(#000, $chocolate-truffle, 20%);
.element {
color: $chocolate-truffle;
box-shadow: 0 0 0 2px rgba($chocolate-truffle, 0.35);
}