最接近的命名颜色 · #515F00
#515F00
最接近的命名颜色: Serrano Pepper
#515F00（rgb(81 95 0)、hsl(69 100% 19%)、oklch(0.457 0.108 119.2)）最接近命名颜色 Serrano Pepper。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#515F00
oklch(0.457 0.108 119.2)
颜色转换
- HEX
- #515f00
- RGB
- rgb(81 95 0)
- HSL
- hsl(69 100% 19%)
- HWB
- hwb(69 0% 63%)
- OKLCH
- oklch(0.457 0.108 119.2)
- OKLab
- oklab(0.457 -0.052 0.094)
- CIE Lab
- lab(37.9 -14.32 43.78)
- LCH
- lch(37.9 46.06 108.1)
- CMYK
- cmyk(15% 0% 100% 63%)
浅色调 · 深色调 · 灰色调
浅色调
- 606E27
- 707D41
- 818D58
- 929D6F
- A3AD87
- B5BD9E
- C7CDB6
- D9DDCE
- ECEEE6
深色调
- 455200
- 3A4400
- 2F3800
- 242C00
- 1A2000
- 101500
- 070A00
- 020300
- 000000
灰色调
- 55631A
- 5A6629
- 5E6936
- 636D41
- 68704C
- 6C7357
- 717761
- 767A6C
- 7B7D76
配色和谐
互补色 +180°
- 515F00
Serrano Pepper
- 60488A
≈ Lords of the Night
类似色 -30° +30°
- 515F00
Serrano Pepper
- 6C5400
≈ Ayahuasca Vine
- 206734
≈ Swampland
三角配色 +120° +240°
- 515F00
Serrano Pepper
- 005E8A
≈ Mamala Bay
- 853A56
≈ Ancient Royal Banner
分裂互补色 +150° +210°
- 515F00
Serrano Pepper
- 3F5393
≈ Crushed Velvet
- 773F74
≈ Spring Lobster Dye
四角配色 +90° +180° +270°
- 515F00
Serrano Pepper
- 00636F
≈ Blue Lagoon
- 60488A
≈ Lords of the Night
- 893C32
≈ Prairie Sand
对比度与无障碍
Ag
AAA白底
WCAG 7.03:1 · APCA Lc 84
Ag
Fail黑底
WCAG 2.98:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--serrano-pepper: #515f00;
--serrano-pepper-rgb: 81 95 0;
--serrano-pepper-oklch: oklch(0.457 0.108 119.2);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(69 100% 19%);
border-color: oklch(0.457 0.108 119.2);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #515f00;
--color-serrano-pepper-50: #f0fbd9;
--color-serrano-pepper-100: #e2eec6;
--color-serrano-pepper-200: #cddca9;
--color-serrano-pepper-300: #afc082;
--color-serrano-pepper-400: #97a85c;
--color-serrano-pepper-500: #7e9034;
--color-serrano-pepper-600: #6b7a2e;
--color-serrano-pepper-700: #556124;
--color-serrano-pepper-800: #404717;
--color-serrano-pepper-900: #2c310f;
--color-serrano-pepper-950: #191d03;
}SCSS
$serrano-pepper: #515f00;
$serrano-pepper-rgb: 81, 95, 0;
$serrano-pepper-light: mix(#fff, $serrano-pepper, 20%);
$serrano-pepper-dark: mix(#000, $serrano-pepper, 20%);
.element {
color: $serrano-pepper;
box-shadow: 0 0 0 2px rgba($serrano-pepper, 0.35);
}