Nächste benannte Farbe · #605328
#605328
Nächste benannte Farbe: Reptile Revenge
#605328 (rgb(96 83 40), hsl(46 41% 27%), oklch(0.445 0.063 92.9)) liegt am nächsten an der benannten Farbe Reptile Revenge. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#605328
oklch(0.445 0.063 92.9)
Farbumrechnungen
- HEX
- #605328
- RGB
- rgb(96 83 40)
- HSL
- hsl(46 41% 27%)
- HWB
- hwb(46 16% 62%)
- OKLCH
- oklch(0.445 0.063 92.9)
- OKLab
- oklab(0.445 -0.003 0.063)
- CIE Lab
- lab(35.85 1.05 26.9)
- LCH
- lch(35.85 26.92 87.8)
- CMYK
- cmyk(0% 14% 58% 62%)
Tints · Shades · Tones
Tints
- 6F633D
- 7D7351
- 8D8365
- 9C947A
- ACA58F
- BCB7A5
- CCC8BB
- DDDAD1
- EEEDE8
Shades
- 524721
- 453B1B
- 383015
- 2C250F
- 201B09
- 151104
- 0A0802
- 030201
- 000000
Tones
- 635832
- 665C3B
- 696044
- 6D654C
- 706955
- 736E5E
- 767266
- 79776F
- 7D7B77
Farbharmonien
Komplementär +180°
- 605328
Reptile Revenge
- 485177
≈ Provocative
Analog -30° +30°
- 605328
Reptile Revenge
- 6D4C2D
≈ Wagon Train
- 4D5A31
≈ Woodman
Triadisch +120° +240°
- 605328
Reptile Revenge
- 215D69
≈ Night Shift
- 694763
≈ Bunchberry
Geteilt komplementär +150° +210°
- 605328
Reptile Revenge
- 335874
≈ Water Chi
- 5B4B71
≈ Purple Reign
Tetradisch +90° +180° +270°
- 605328
Reptile Revenge
- 235F57
≈ Empress Teal
- 485177
≈ Provocative
- 714550
≈ Cryptic Light
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.59:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.76:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--reptile-revenge: #605328;
--reptile-revenge-rgb: 96 83 40;
--reptile-revenge-oklch: oklch(0.445 0.063 92.9);
}
.element {
color: var(--reptile-revenge);
background-color: hsl(46 41% 27%);
border-color: oklch(0.445 0.063 92.9);
}Tailwind CSS v4
@theme {
--color-reptile-revenge: #605328;
--color-reptile-revenge-50: #fbf5e1;
--color-reptile-revenge-100: #eee8d1;
--color-reptile-revenge-200: #dcd5b6;
--color-reptile-revenge-300: #c1b893;
--color-reptile-revenge-400: #ab9e74;
--color-reptile-revenge-500: #958554;
--color-reptile-revenge-600: #7e7148;
--color-reptile-revenge-700: #655a39;
--color-reptile-revenge-800: #4b4228;
--color-reptile-revenge-900: #342d1b;
--color-reptile-revenge-950: #1f1a0b;
}SCSS
$reptile-revenge: #605328;
$reptile-revenge-rgb: 96, 83, 40;
$reptile-revenge-light: mix(#fff, $reptile-revenge, 20%);
$reptile-revenge-dark: mix(#000, $reptile-revenge, 20%);
.element {
color: $reptile-revenge;
box-shadow: 0 0 0 2px rgba($reptile-revenge, 0.35);
}