Nächste benannte Farbe · #815136
#815136
Nächste benannte Farbe: Cigar
#815136 (rgb(129 81 54), hsl(22 41% 36%), oklch(0.483 0.076 49.6)) liegt am nächsten an der benannten Farbe Cigar. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#815136
oklch(0.483 0.076 49.6)
Farbumrechnungen
- HEX
- #815136
- RGB
- rgb(129 81 54)
- HSL
- hsl(22 41% 36%)
- HWB
- hwb(22 21% 49%)
- OKLCH
- oklch(0.483 0.076 49.6)
- OKLab
- oklab(0.483 0.049 0.058)
- CIE Lab
- lab(39.59 18.52 24.55)
- LCH
- lch(39.59 30.75 53)
- CMYK
- cmyk(0% 37% 58% 49%)
Tints · Shades · Tones
Tints
- 8E6149
- 9A725C
- A7836F
- B39483
- C0A596
- CDB6AB
- D9C8BF
- E6DAD4
- F2ECE9
Shades
- 6F452E
- 5E3A25
- 4E2F1E
- 3E2416
- 2E1A0F
- 1F1008
- 120703
- 060201
- 010000
Tones
- 81563E
- 825B45
- 82604D
- 826454
- 82695C
- 826E63
- 82726A
- 817771
- 817B79
Farbharmonien
Komplementär +180°
- 815136
Cigar
- 286681
≈ Georgian Bay
Analog -30° +30°
- 815136
Cigar
- 844C4D
≈ Red Maple Leaf
- 755928
≈ Moss Brown
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 815136
Cigar
- 166B6F
≈ Deep Lake
- 445F89
≈ Anchor Point
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.63:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.16:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--cigar: #815136;
--cigar-rgb: 129 81 54;
--cigar-oklch: oklch(0.483 0.076 49.6);
}
.element {
color: var(--cigar);
background-color: hsl(22 41% 36%);
border-color: oklch(0.483 0.076 49.6);
}Tailwind CSS v4
@theme {
--color-cigar: #815136;
--color-cigar-50: #fff0e2;
--color-cigar-100: #fee1d1;
--color-cigar-200: #f0ccb7;
--color-cigar-300: #d8ad94;
--color-cigar-400: #c49276;
--color-cigar-500: #af7758;
--color-cigar-600: #94654b;
--color-cigar-700: #77513c;
--color-cigar-800: #583a2b;
--color-cigar-900: #3e281d;
--color-cigar-950: #27160d;
}SCSS
$cigar: #815136;
$cigar-rgb: 129, 81, 54;
$cigar-light: mix(#fff, $cigar, 20%);
$cigar-dark: mix(#000, $cigar, 20%);
.element {
color: $cigar;
box-shadow: 0 0 0 2px rgba($cigar, 0.35);
}