Benannte Farbe · #495D5A
Silken Pine
Silken Pine ist #495D5A: rgb(73 93 90), hsl(171 12% 33%), oklch(0.461 0.025 185.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Silken Pine color name →
#495D5A
oklch(0.461 0.025 185.2)
Farbumrechnungen
- HEX
- #495d5a
- RGB
- rgb(73 93 90)
- HSL
- hsl(171 12% 33%)
- HWB
- hwb(171 29% 64%)
- OKLCH
- oklch(0.461 0.025 185.2)
- OKLab
- oklab(0.461 -0.025 -0.002)
- CIE Lab
- lab(37.75 -8.43 -0.92)
- LCH
- lch(37.75 8.48 186.2)
- CMYK
- cmyk(22% 0% 3% 64%)
Tints · Shades · Tones
Tints
- 5A6C69
- 6B7B78
- 7C8B88
- 8E9A98
- A0AAA9
- B2BBB9
- C5CCCA
- D8DCDC
- EBEEED
Shades
- 3E504D
- 344341
- 2A3735
- 202A29
- 171F1E
- 0E1413
- 060A09
- 020303
- 000000
Tones
- 4E605E
- 546461
- 596765
- 5F6B69
- 646E6D
- 6A7271
- 6F7574
- 757978
- 7A7C7C
Farbharmonien
Komplementär +180°
- 495D5A
Silken Pine
- 655356
≈ High Rank
Analog -30° +30°
- 495D5A
Silken Pine
- 4E5D52
≈ Feldgrau
- 495C61
≈ Blue Tapestry
Triadisch +120° +240°
- 495D5A
Silken Pine
- 5B5564
≈ Ripe Berry
- 62564A
≈ Osprey
Geteilt komplementär +150° +210°
- 495D5A
Silken Pine
- 61535E
≈ Pinot Noir
- 65544F
≈ Wenge
Tetradisch +90° +180° +270°
- 495D5A
Silken Pine
- 545766
≈ Blackwater
- 655356
≈ High Rank
- 5C5849
≈ Deep Sea Turtle
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.00:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.99:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--silken-pine: #495d5a;
--silken-pine-rgb: 73 93 90;
--silken-pine-oklch: oklch(0.461 0.025 185.2);
}
.element {
color: var(--silken-pine);
background-color: hsl(171 12% 33%);
border-color: oklch(0.461 0.025 185.2);
}Tailwind CSS v4
@theme {
--color-silken-pine: #495d5a;
--color-silken-pine-50: #eef8f6;
--color-silken-pine-100: #dfebe9;
--color-silken-pine-200: #c9d8d6;
--color-silken-pine-300: #aabcb9;
--color-silken-pine-400: #8fa3a0;
--color-silken-pine-500: #748c88;
--color-silken-pine-600: #637673;
--color-silken-pine-700: #4f5f5c;
--color-silken-pine-800: #394543;
--color-silken-pine-900: #27302e;
--color-silken-pine-950: #151c1b;
}SCSS
$silken-pine: #495d5a;
$silken-pine-rgb: 73, 93, 90;
$silken-pine-light: mix(#fff, $silken-pine, 20%);
$silken-pine-dark: mix(#000, $silken-pine, 20%);
.element {
color: $silken-pine;
box-shadow: 0 0 0 2px rgba($silken-pine, 0.35);
}