Nächste benannte Farbe · #566608
#566608
Nächste benannte Farbe: Serrano Pepper
#566608 (rgb(86 102 8), hsl(70 85% 22%), oklch(0.48 0.111 120)) liegt am nächsten an der benannten Farbe Serrano Pepper. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#566608
oklch(0.48 0.111 120)
Farbumrechnungen
- HEX
- #566608
- RGB
- rgb(86 102 8)
- HSL
- hsl(70 85% 22%)
- HWB
- hwb(70 3% 60%)
- OKLCH
- oklch(0.48 0.111 120)
- OKLab
- oklab(0.48 -0.055 0.096)
- CIE Lab
- lab(40.59 -15.37 43.92)
- LCH
- lch(40.59 46.53 109.3)
- CMYK
- cmyk(16% 0% 92% 60%)
Tints · Shades · Tones
Tints
- 65752C
- 758345
- 85925C
- 95A173
- A6B089
- B7C0A0
- C9CFB8
- DADFCF
- EDEFE7
Shades
- 4A5806
- 3E4A04
- 323C03
- 272F02
- 1C2301
- 121701
- 080C00
- 020400
- 000000
Tones
- 5A691F
- 5E6C2D
- 626E39
- 667145
- 6A744F
- 6E7659
- 737963
- 777B6D
- 7C7E76
Farbharmonien
Komplementär +180°
- 566608
Serrano Pepper
- 684D92
≈ Grapes of Italy
Analog -30° +30°
- 566608
Serrano Pepper
- 735A00
≈ Hot Mustard
- 236E3A
≈ San Felix
Triadisch +120° +240°
- 566608
Serrano Pepper
- 006495
≈ Craving Cobalt
- 8E3F5B
≈ Quinacridone Magenta
Geteilt komplementär +150° +210°
- 566608
Serrano Pepper
- 46589C
≈ Nuthatch Back
- 80447B
≈ Visiona Red
Tetradisch +90° +180° +270°
- 566608
Serrano Pepper
- 006A77
≈ Mary Blue
- 684D92
≈ Grapes of Italy
- 924236
≈ Persimmon Juice
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.36:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.29:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--serrano-pepper: #566608;
--serrano-pepper-rgb: 86 102 8;
--serrano-pepper-oklch: oklch(0.48 0.111 120);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(70 85% 22%);
border-color: oklch(0.48 0.111 120);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #566608;
--color-serrano-pepper-50: #effbd8;
--color-serrano-pepper-100: #e1eec6;
--color-serrano-pepper-200: #ccdca8;
--color-serrano-pepper-300: #aec181;
--color-serrano-pepper-400: #96a85a;
--color-serrano-pepper-500: #7d9032;
--color-serrano-pepper-600: #6a7a2c;
--color-serrano-pepper-700: #556223;
--color-serrano-pepper-800: #3f4716;
--color-serrano-pepper-900: #2b310e;
--color-serrano-pepper-950: #191d02;
}SCSS
$serrano-pepper: #566608;
$serrano-pepper-rgb: 86, 102, 8;
$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);
}