Nächste benannte Farbe · #80675B
#80675B
Nächste benannte Farbe: Chivalrous Walrus
#80675B (rgb(128 103 91), hsl(19 17% 43%), oklch(0.535 0.037 47)) liegt am nächsten an der benannten Farbe Chivalrous Walrus. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#80675B
oklch(0.535 0.037 47)
Farbumrechnungen
- HEX
- #80675b
- RGB
- rgb(128 103 91)
- HSL
- hsl(19 17% 43%)
- HWB
- hwb(19 36% 50%)
- OKLCH
- oklch(0.535 0.037 47)
- OKLab
- oklab(0.535 0.025 0.027)
- CIE Lab
- lab(45.85 8.91 10.77)
- LCH
- lch(45.85 13.98 50.4)
- CMYK
- cmyk(0% 20% 29% 50%)
Tints · Shades · Tones
Tints
- 8C756A
- 98837A
- A59289
- B1A199
- BEB0AA
- CBBFBA
- D8CFCB
- E5DFDC
- F2EFED
Shades
- 6E594E
- 5D4B41
- 4D3D35
- 3D3029
- 2E231E
- 1F1713
- 120C09
- 060403
- 010000
Tones
- 806A5F
- 806C62
- 806F66
- 80716A
- 80746D
- 807671
- 807975
- 807B79
- 807E7C
Farbharmonien
Komplementär +180°
- 80675B
Chivalrous Walrus
- 57727E
≈ Lily Pond Blue
Analog -30° +30°
- 80675B
Chivalrous Walrus
- 826565
≈ Pharlap
- 7A6B55
≈ Irrigation
Triadisch +120° +240°
- 80675B
Chivalrous Walrus
- 597469
≈ Hilltop
- 6B6A82
≈ Great Grape
Geteilt komplementär +150° +210°
- 80675B
Chivalrous Walrus
- 547475
≈ Sagebrush Green
- 606E83
≈ Sausalito Port
Tetradisch +90° +180° +270°
- 80675B
Chivalrous Walrus
- 63735D
≈ Finlandia
- 57727E
≈ Lily Pond Blue
- 76677C
≈ Purple Sage
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.00:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--chivalrous-walrus: #80675b;
--chivalrous-walrus-rgb: 128 103 91;
--chivalrous-walrus-oklch: oklch(0.535 0.037 47);
}
.element {
color: var(--chivalrous-walrus);
background-color: hsl(19 17% 43%);
border-color: oklch(0.535 0.037 47);
}Tailwind CSS v4
@theme {
--color-chivalrous-walrus: #80675b;
--color-chivalrous-walrus-50: #fff2ec;
--color-chivalrous-walrus-100: #f3e5dd;
--color-chivalrous-walrus-200: #e2d0c7;
--color-chivalrous-walrus-300: #c8b2a7;
--color-chivalrous-walrus-400: #b2988c;
--color-chivalrous-walrus-500: #9c7f71;
--color-chivalrous-walrus-600: #846c60;
--color-chivalrous-walrus-700: #69564d;
--color-chivalrous-walrus-800: #4e3f38;
--color-chivalrous-walrus-900: #362b26;
--color-chivalrous-walrus-950: #211815;
}SCSS
$chivalrous-walrus: #80675b;
$chivalrous-walrus-rgb: 128, 103, 91;
$chivalrous-walrus-light: mix(#fff, $chivalrous-walrus, 20%);
$chivalrous-walrus-dark: mix(#000, $chivalrous-walrus, 20%);
.element {
color: $chivalrous-walrus;
box-shadow: 0 0 0 2px rgba($chivalrous-walrus, 0.35);
}