最接近的命名颜色 · #5D6900
#5D6900
最接近的命名颜色: Serrano Pepper
#5D6900（rgb(93 105 0)、hsl(67 100% 21%)、oklch(0.493 0.114 117.3)）最接近命名颜色 Serrano Pepper。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#5D6900
oklch(0.493 0.114 117.3)
颜色转换
- HEX
- #5d6900
- RGB
- rgb(93 105 0)
- HSL
- hsl(67 100% 21%)
- HWB
- hwb(67 0% 59%)
- OKLCH
- oklch(0.493 0.114 117.3)
- OKLab
- oklab(0.493 -0.052 0.101)
- CIE Lab
- lab(42.1 -13.84 47.3)
- LCH
- lch(42.1 49.28 106.3)
- CMYK
- cmyk(11% 0% 100% 59%)
浅色调 · 深色调 · 灰色调
浅色调
- 6B772A
- 7A8644
- 8A945B
- 9AA372
- AAB289
- BAC1A0
- CBD0B8
- DCE0CF
- EDEFE7
深色调
- 505A00
- 434C00
- 373E00
- 2A3100
- 1F2400
- 141800
- 0A0C00
- 030400
- 000000
灰色调
- 606C1C
- 646E2C
- 677139
- 6A7344
- 6E754F
- 717859
- 757A63
- 797C6D
- 7C7E76
配色和谐
互补色 +180°
- 5D6900
Serrano Pepper
- 695199
≈ Rollick
类似色 -30° +30°
- 5D6900
Serrano Pepper
- 7A5D00
≈ Hè Sè Brown
- 2B7239
≈ San Felix
三角配色 +120° +240°
- 5D6900
Serrano Pepper
- 006997
≈ Hydra
- 934262
≈ Putnam Plum
分裂互补色 +150° +210°
- 5D6900
Serrano Pepper
- 445DA2
≈ Bio Blue
- 834882
≈ Visiona Red
四角配色 +90° +180° +270°
- 5D6900
Serrano Pepper
- 006E7A
≈ Carnival Night
- 695199
≈ Rollick
- 97443C
≈ Morocco Red
对比度与无障碍
Ag
AA白底
WCAG 6.02:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.48:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--serrano-pepper: #5d6900;
--serrano-pepper-rgb: 93 105 0;
--serrano-pepper-oklch: oklch(0.493 0.114 117.3);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(67 100% 21%);
border-color: oklch(0.493 0.114 117.3);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #5d6900;
--color-serrano-pepper-50: #f1fad6;
--color-serrano-pepper-100: #e3eec4;
--color-serrano-pepper-200: #cedca5;
--color-serrano-pepper-300: #b0c07d;
--color-serrano-pepper-400: #99a755;
--color-serrano-pepper-500: #818f29;
--color-serrano-pepper-600: #6d7925;
--color-serrano-pepper-700: #57611e;
--color-serrano-pepper-800: #414712;
--color-serrano-pepper-900: #2d310b;
--color-serrano-pepper-950: #1a1d01;
}SCSS
$serrano-pepper: #5d6900;
$serrano-pepper-rgb: 93, 105, 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);
}