Benannte Farbe · #8C6E60
Sea Lion Brown
Sea Lion Brown ist #8C6E60: rgb(140 110 96), hsl(19 19% 46%), oklch(0.564 0.044 46.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Sea Lion Brown color name →
#8C6E60
oklch(0.564 0.044 46.3)
Farbumrechnungen
- HEX
- #8c6e60
- RGB
- rgb(140 110 96)
- HSL
- hsl(19 19% 46%)
- HWB
- hwb(19 38% 45%)
- OKLCH
- oklch(0.564 0.044 46.3)
- OKLab
- oklab(0.564 0.03 0.032)
- CIE Lab
- lab(49.16 10.68 12.61)
- LCH
- lch(49.16 16.53 49.7)
- CMYK
- cmyk(0% 21% 31% 45%)
Tints · Shades · Tones
Tints
- 977C6F
- A2897E
- AE978D
- B9A69D
- C5B4AC
- D0C3BD
- DCD1CD
- E7E0DD
- F3F0EE
Shades
- 795F52
- 675045
- 554138
- 43332C
- 332620
- 231915
- 140E0A
- 070403
- 010100
Tones
- 8B7063
- 8A7266
- 89746A
- 88756D
- 877770
- 857973
- 847B76
- 837D7A
- 817E7D
Farbharmonien
Komplementär +180°
- 8C6E60
Sea Lion Brown
- 5A7B8A
≈ Night Owl
Analog -30° +30°
- 8C6E60
Sea Lion Brown
- 8E6B6D
≈ Chocolate Sparkle
- 857259
≈ Tantanmen Brown
Triadisch +120° +240°
- 8C6E60
Sea Lion Brown
- 5D7E70
≈ Fuchsite Green
- 73728F
≈ Stormy Mauve
Geteilt komplementär +150° +210°
- 8C6E60
Sea Lion Brown
- 577E7E
≈ Nickel Ore Green
- 657790
≈ Niche
Tetradisch +90° +180° +270°
- 8C6E60
Sea Lion Brown
- 6A7C62
≈ Emerald City
- 5A7B8A
≈ Night Owl
- 806E87
≈ Parma Grey
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.65:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.51:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--sea-lion-brown: #8c6e60;
--sea-lion-brown-rgb: 140 110 96;
--sea-lion-brown-oklch: oklch(0.564 0.044 46.3);
}
.element {
color: var(--sea-lion-brown);
background-color: hsl(19 19% 46%);
border-color: oklch(0.564 0.044 46.3);
}Tailwind CSS v4
@theme {
--color-sea-lion-brown: #8c6e60;
--color-sea-lion-brown-50: #fff2eb;
--color-sea-lion-brown-100: #f5e4dc;
--color-sea-lion-brown-200: #e5cfc4;
--color-sea-lion-brown-300: #cbb1a4;
--color-sea-lion-brown-400: #b59789;
--color-sea-lion-brown-500: #9f7e6e;
--color-sea-lion-brown-600: #876a5d;
--color-sea-lion-brown-700: #6c554a;
--color-sea-lion-brown-800: #503e36;
--color-sea-lion-brown-900: #382a25;
--color-sea-lion-brown-950: #221814;
}SCSS
$sea-lion-brown: #8c6e60;
$sea-lion-brown-rgb: 140, 110, 96;
$sea-lion-brown-light: mix(#fff, $sea-lion-brown, 20%);
$sea-lion-brown-dark: mix(#000, $sea-lion-brown, 20%);
.element {
color: $sea-lion-brown;
box-shadow: 0 0 0 2px rgba($sea-lion-brown, 0.35);
}