最接近的命名颜色 · #666B00
#666B00
最接近的命名颜色: Serrano Pepper
#666B00（rgb(102 107 0)、hsl(63 100% 21%)、oklch(0.506 0.113 113)）最接近命名颜色 Serrano Pepper。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#666B00
oklch(0.506 0.113 113)
颜色转换
- HEX
- #666b00
- RGB
- rgb(102 107 0)
- HSL
- hsl(63 100% 21%)
- HWB
- hwb(63 0% 58%)
- OKLCH
- oklch(0.506 0.113 113)
- OKLab
- oklab(0.506 -0.044 0.104)
- CIE Lab
- lab(43.5 -10.67 48.72)
- LCH
- lch(43.5 49.87 102.4)
- CMYK
- cmyk(5% 0% 100% 58%)
浅色调 · 深色调 · 灰色调
浅色调
- 74792A
- 828745
- 90965C
- 9FA473
- AFB38A
- BEC2A1
- CED1B8
- DEE0D0
- EEF0E7
深色调
- 585C00
- 4A4E00
- 3C3F00
- 2F3200
- 232500
- 171800
- 0C0D00
- 040400
- 000000
灰色调
- 686D1C
- 6B702D
- 6D7239
- 707445
- 727650
- 75785A
- 787A64
- 7A7C6D
- 7D7E77
配色和谐
互补色 +180°
- 666B00
Serrano Pepper
- 68579F
≈ Rollick
类似色 -30° +30°
- 666B00
Serrano Pepper
- 825E00
≈ Hè Sè Brown
- 397537
≈ Cucumber Queen
三角配色 +120° +240°
- 666B00
Serrano Pepper
- 006E97
≈ Tropic Sea
- 95476B
≈ Satsuma Imo Red
分裂互补色 +150° +210°
- 666B00
Serrano Pepper
- 4263A5
≈ Starstruck
- 834D8A
≈ Voodoo Violet
四角配色 +90° +180° +270°
- 666B00
Serrano Pepper
- 00737B
≈ Scurf Green
- 68579F
≈ Rollick
- 9B4746
≈ Regal Red
对比度与无障碍
Ag
AA白底
WCAG 5.72:1 · APCA Lc 78
Ag
Fail黑底
WCAG 3.66:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 5.72:1 (AA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--serrano-pepper: #666b00;
--serrano-pepper-rgb: 102 107 0;
--serrano-pepper-oklch: oklch(0.506 0.113 113);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(63 100% 21%);
border-color: oklch(0.506 0.113 113);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #666b00;
--color-serrano-pepper-50: #f4fad5;
--color-serrano-pepper-100: #e6edc2;
--color-serrano-pepper-200: #d2dba3;
--color-serrano-pepper-300: #b5bf7b;
--color-serrano-pepper-400: #9fa553;
--color-serrano-pepper-500: #878d25;
--color-serrano-pepper-600: #727822;
--color-serrano-pepper-700: #5b601b;
--color-serrano-pepper-800: #444610;
--color-serrano-pepper-900: #2f300a;
--color-serrano-pepper-950: #1c1c00;
}SCSS
$serrano-pepper: #666b00;
$serrano-pepper-rgb: 102, 107, 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);
}