Nächste benannte Farbe · #666B00
#666B00
Nächste benannte Farbe: Serrano Pepper
#666B00 (rgb(102 107 0), hsl(63 100% 21%), oklch(0.506 0.113 113)) liegt am nächsten an der benannten Farbe Serrano Pepper. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#666B00
oklch(0.506 0.113 113)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 74792A
- 828745
- 90965C
- 9FA473
- AFB38A
- BEC2A1
- CED1B8
- DEE0D0
- EEF0E7
Shades
- 585C00
- 4A4E00
- 3C3F00
- 2F3200
- 232500
- 171800
- 0C0D00
- 040400
- 000000
Tones
- 686D1C
- 6B702D
- 6D7239
- 707445
- 727650
- 75785A
- 787A64
- 7A7C6D
- 7D7E77
Farbharmonien
Komplementär +180°
- 666B00
Serrano Pepper
- 68579F
≈ Rollick
Analog -30° +30°
- 666B00
Serrano Pepper
- 825E00
≈ Hè Sè Brown
- 397537
≈ Cucumber Queen
Triadisch +120° +240°
- 666B00
Serrano Pepper
- 006E97
≈ Tropic Sea
- 95476B
≈ Satsuma Imo Red
Geteilt komplementär +150° +210°
- 666B00
Serrano Pepper
- 4263A5
≈ Starstruck
- 834D8A
≈ Voodoo Violet
Tetradisch +90° +180° +270°
- 666B00
Serrano Pepper
- 00737B
≈ Scurf Green
- 68579F
≈ Rollick
- 9B4746
≈ Regal Red
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.72:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.66:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.72:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
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);
}