Colore con nome · #57593F
Pinetop
Pinetop è #57593F: rgb(87 89 63), hsl(65 17% 30%), oklch(0.455 0.04 111.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pinetop color name →
#57593F
oklch(0.455 0.04 111.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 666850
- 767862
- 868874
- 969887
- A7A89A
- B8B9AE
- C9CAC1
- DBDCD6
- EDEDEA
Ombre
- 4B4C35
- 3E402C
- 333423
- 27281B
- 1C1D12
- 12130A
- 080904
- 030301
- 000000
Toni
- 5B5D45
- 5F614C
- 636552
- 676859
- 6B6C5F
- 6F7066
- 73746C
- 787873
- 7C7C79
Armonie di colore
Complementare +180°
- 57593F
Pinetop
- 57536C
≈ Sombre Grey
Analogo -30° +30°
- 57593F
Pinetop
- 62553D
≈ Buzzard
- 4A5C48
≈ Muddy Olive
Triadico +120° +240°
- 57593F
Pinetop
- 405B69
≈ Blue Spell
- 694E59
≈ Sinful
Complementare divisa +150° +210°
- 57593F
Pinetop
- 4A576D
≈ Bering Sea
- 614F64
≈ Vintage Violet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.22:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.90:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
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);
}