Benannte Farbe · #60513A
Longboat
Longboat ist #60513A: rgb(96 81 58), hsl(36 25% 30%), oklch(0.444 0.04 78.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Longboat color name →
#60513A
oklch(0.444 0.04 78.1)
Farbumrechnungen
- HEX
- #60513a
- RGB
- rgb(96 81 58)
- HSL
- hsl(36 25% 30%)
- HWB
- hwb(36 23% 62%)
- OKLCH
- oklch(0.444 0.04 78.1)
- OKLab
- oklab(0.444 0.008 0.04)
- CIE Lab
- lab(35.51 3.71 15.99)
- LCH
- lch(35.51 16.42 76.9)
- CMYK
- cmyk(0% 16% 40% 62%)
Tints · Shades · Tones
Tints
- 6F614C
- 7E715E
- 8D8271
- 9C9384
- ACA497
- BCB6AB
- CDC7C0
- DDDAD4
- EEECEA
Shades
- 524531
- 453A28
- 382F20
- 2C2418
- 201A10
- 151009
- 0A0704
- 030201
- 000000
Tones
- 635641
- 665A48
- 6A5F4F
- 6D6456
- 70685D
- 736D64
- 76726B
- 7A7672
- 7D7B79
Farbharmonien
Komplementär +180°
- 60513A
Longboat
- 46546A
≈ Inkjet
Analog -30° +30°
- 60513A
Longboat
- 674D40
≈ Deep Umber
- 55553B
≈ Bronze Icon
Triadisch +120° +240°
- 60513A
Longboat
- 385B5C
≈ Arctic Nights
- 5D4D62
≈ Vivid Vision
Geteilt komplementär +150° +210°
- 60513A
Longboat
- 3B5865
≈ Cadet Song
- 525069
≈ Magic Spell
Tetradisch +90° +180° +270°
- 60513A
Longboat
- 3D5B4F
≈ Woodlawn Green
- 46546A
≈ Inkjet
- 654B57
≈ Berry Wine
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.67:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.73:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.67:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--longboat: #60513a;
--longboat-rgb: 96 81 58;
--longboat-oklch: oklch(0.444 0.04 78.1);
}
.element {
color: var(--longboat);
background-color: hsl(36 25% 30%);
border-color: oklch(0.444 0.04 78.1);
}Tailwind CSS v4
@theme {
--color-longboat: #60513a;
--color-longboat-50: #fbf4e9;
--color-longboat-100: #efe7d9;
--color-longboat-200: #ddd3c1;
--color-longboat-300: #c2b6a1;
--color-longboat-400: #ac9c84;
--color-longboat-500: #958368;
--color-longboat-600: #7e6f58;
--color-longboat-700: #655947;
--color-longboat-800: #4b4133;
--color-longboat-900: #342d23;
--color-longboat-950: #1f1a12;
}SCSS
$longboat: #60513a;
$longboat-rgb: 96, 81, 58;
$longboat-light: mix(#fff, $longboat, 20%);
$longboat-dark: mix(#000, $longboat, 20%);
.element {
color: $longboat;
box-shadow: 0 0 0 2px rgba($longboat, 0.35);
}