最接近的命名颜色 · #801B00
#801B00
最接近的命名颜色: Buried Lust
#801B00（rgb(128 27 0)、hsl(13 100% 25%)、oklch(0.393 0.14 34.5)）最接近命名颜色 Buried Lust。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#801B00
oklch(0.393 0.14 34.5)
颜色转换
- HEX
- #801b00
- RGB
- rgb(128 27 0)
- HSL
- hsl(13 100% 25%)
- HWB
- hwb(13 0% 50%)
- OKLCH
- oklch(0.393 0.14 34.5)
- OKLab
- oklab(0.393 0.115 0.079)
- CIE Lab
- lab(28.35 42.45 41.2)
- LCH
- lch(28.35 59.15 44.1)
- CMYK
- cmyk(0% 79% 100% 50%)
浅色调 · 深色调 · 灰色调
浅色调
- 8F3621
- 9D4C3A
- AB6251
- B87869
- C58E81
- D1A499
- DDBAB2
- E9D1CB
- F4E8E5
深色调
- 6E1600
- 5D1100
- 4D0C00
- 3D0800
- 2E0500
- 1F0200
- 120100
- 060000
- 010000
灰色调
- 822915
- 833523
- 844030
- 854A3C
- 855347
- 855D53
- 85665E
- 846F69
- 827775
配色和谐
互补色 +180°
- 801B00
Buried Lust
- 004F5D
≈ Kali Blue
类似色 -30° +30°
- 801B00
Buried Lust
- 7D153C
≈ Inescapable Lover
- 663A00
≈ Brown
三角配色 +120° +240°
- 801B00
Buried Lust
- 00552D
≈ Lemon Balm Green
- 32398F
≈ Liquid Denim
分裂互补色 +150° +210°
- 801B00
Buried Lust
- 00524A
≈ Green Oblivion
- 004A76
≈ Blue Meridian
四角配色 +90° +180° +270°
- 801B00
Buried Lust
- 3B4E00
≈ Godzilla
- 004F5D
≈ Kali Blue
- 572B81
≈ Regalia
对比度与无障碍
Ag
AAA白底
WCAG 10.12:1 · APCA Lc 92
Ag
Fail黑底
WCAG 2.07:1 · APCA Lc 10
最佳文字颜色: #FFFFFF
WCAG 10.12:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--buried-lust: #801b00;
--buried-lust-rgb: 128 27 0;
--buried-lust-oklch: oklch(0.393 0.14 34.5);
}
.element {
color: var(--buried-lust);
background-color: hsl(13 100% 25%);
border-color: oklch(0.393 0.14 34.5);
}Tailwind CSS v4
@theme {
--color-buried-lust: #801b00;
--color-buried-lust-50: #ffe8da;
--color-buried-lust-100: #ffd8c8;
--color-buried-lust-200: #ffc0ab;
--color-buried-lust-300: #f59d85;
--color-buried-lust-400: #e47d65;
--color-buried-lust-500: #d25d42;
--color-buried-lust-600: #b15039;
--color-buried-lust-700: #8e402d;
--color-buried-lust-800: #6a2d21;
--color-buried-lust-900: #4b1e16;
--color-buried-lust-950: #310e07;
}SCSS
$buried-lust: #801b00;
$buried-lust-rgb: 128, 27, 0;
$buried-lust-light: mix(#fff, $buried-lust, 20%);
$buried-lust-dark: mix(#000, $buried-lust, 20%);
.element {
color: $buried-lust;
box-shadow: 0 0 0 2px rgba($buried-lust, 0.35);
}