Benannte Farbe · #57593F
Pinetop
Pinetop ist #57593F: rgb(87 89 63), hsl(65 17% 30%), oklch(0.455 0.04 111.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Pinetop color name →
#57593F
oklch(0.455 0.04 111.6)
Farbumrechnungen
- HEX
- #57593f
- RGB
- rgb(87 89 63)
- HSL
- hsl(65 17% 30%)
- HWB
- hwb(65 25% 65%)
- OKLCH
- oklch(0.455 0.04 111.6)
- OKLab
- oklab(0.455 -0.015 0.037)
- CIE Lab
- lab(37.08 -4.43 14.83)
- LCH
- lch(37.08 15.48 106.6)
- CMYK
- cmyk(2% 0% 29% 65%)
Tints · Shades · Tones
Tints
- 666850
- 767862
- 868874
- 969887
- A7A89A
- B8B9AE
- C9CAC1
- DBDCD6
- EDEDEA
Shades
- 4B4C35
- 3E402C
- 333423
- 27281B
- 1C1D12
- 12130A
- 080904
- 030301
- 000000
Tones
- 5B5D45
- 5F614C
- 636552
- 676859
- 6B6C5F
- 6F7066
- 73746C
- 787873
- 7C7C79
Farbharmonien
Komplementär +180°
- 57593F
Pinetop
- 57536C
≈ Sombre Grey
Analog -30° +30°
- 57593F
Pinetop
- 62553D
≈ Buzzard
- 4A5C48
≈ Muddy Olive
Triadisch +120° +240°
- 57593F
Pinetop
- 405B69
≈ Blue Spell
- 694E59
≈ Sinful
Geteilt komplementär +150° +210°
- 57593F
Pinetop
- 4A576D
≈ Bering Sea
- 614F64
≈ Vintage Violet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.22:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.90:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--pinetop: #57593f;
--pinetop-rgb: 87 89 63;
--pinetop-oklch: oklch(0.455 0.04 111.6);
}
.element {
color: var(--pinetop);
background-color: hsl(65 17% 30%);
border-color: oklch(0.455 0.04 111.6);
}Tailwind CSS v4
@theme {
--color-pinetop: #57593f;
--color-pinetop-50: #f5f7ea;
--color-pinetop-100: #e7eadb;
--color-pinetop-200: #d4d6c3;
--color-pinetop-300: #b7baa3;
--color-pinetop-400: #9fa186;
--color-pinetop-500: #87896b;
--color-pinetop-600: #72745a;
--color-pinetop-700: #5b5d48;
--color-pinetop-800: #434434;
--color-pinetop-900: #2e2f23;
--color-pinetop-950: #1b1b12;
}SCSS
$pinetop: #57593f;
$pinetop-rgb: 87, 89, 63;
$pinetop-light: mix(#fff, $pinetop, 20%);
$pinetop-dark: mix(#000, $pinetop, 20%);
.element {
color: $pinetop;
box-shadow: 0 0 0 2px rgba($pinetop, 0.35);
}