Colore con nome · #566552
Lakeside Pine
Lakeside Pine è #566552: rgb(86 101 82), hsl(107 10% 36%), oklch(0.488 0.035 139.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lakeside Pine color name →
#566552
oklch(0.488 0.035 139.1)
Conversioni di colore
- HEX
- #566552
- RGB
- rgb(86 101 82)
- HSL
- hsl(107 10% 36%)
- HWB
- hwb(107 32% 60%)
- OKLCH
- oklch(0.488 0.035 139.1)
- OKLab
- oklab(0.488 -0.026 0.023)
- CIE Lab
- lab(41.07 -8.95 8.81)
- LCH
- lch(41.07 12.56 135.5)
- CMYK
- cmyk(15% 0% 19% 60%)
Tinte · Ombre · Toni
Tinte
- 657362
- 758272
- 859182
- 96A093
- A7AFA4
- B8BEB6
- C9CEC8
- DBDEDA
- EDEFEC
Ombre
- 4A5746
- 3E493B
- 323C2F
- 272F25
- 1C221A
- 121711
- 080C08
- 020302
- 000000
Toni
- 5A6857
- 5E6A5B
- 626D60
- 677064
- 6B7269
- 6F756D
- 737872
- 777B77
- 7C7D7B
Armonie di colore
Complementare +180°
- 566552
Lakeside Pine
- 695A6D
≈ Violet Haze
Analogo -30° +30°
- 566552
Lakeside Pine
- 61624B
≈ Old Botanical Garden
- 4D675D
≈ Duck Green
Triadico +120° +240°
- 566552
Lakeside Pine
- 546174
≈ Da Blues
- 735858
≈ Czarina
Complementare divisa +150° +210°
- 566552
Lakeside Pine
- 5F5D73
≈ Luscious Purple
- 705863
≈ Aubergine Grey
Tetradico +90° +180° +270°
- 566552
Lakeside Pine
- 4B6470
≈ Night Folly
- 695A6D
≈ Violet Haze
- 715A4F
≈ Bistro
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.21:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.37:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--lakeside-pine: #566552;
--lakeside-pine-rgb: 86 101 82;
--lakeside-pine-oklch: oklch(0.488 0.035 139.1);
}
.element {
color: var(--lakeside-pine);
background-color: hsl(107 10% 36%);
border-color: oklch(0.488 0.035 139.1);
}Tailwind CSS v4
@theme {
--color-lakeside-pine: #566552;
--color-lakeside-pine-50: #f0f8ee;
--color-lakeside-pine-100: #e2ebe0;
--color-lakeside-pine-200: #ccd8ca;
--color-lakeside-pine-300: #aebcac;
--color-lakeside-pine-400: #94a490;
--color-lakeside-pine-500: #7b8c76;
--color-lakeside-pine-600: #687764;
--color-lakeside-pine-700: #535f50;
--color-lakeside-pine-800: #3d453a;
--color-lakeside-pine-900: #2a3027;
--color-lakeside-pine-950: #171c16;
}SCSS
$lakeside-pine: #566552;
$lakeside-pine-rgb: 86, 101, 82;
$lakeside-pine-light: mix(#fff, $lakeside-pine, 20%);
$lakeside-pine-dark: mix(#000, $lakeside-pine, 20%);
.element {
color: $lakeside-pine;
box-shadow: 0 0 0 2px rgba($lakeside-pine, 0.35);
}