Benannte Farbe · #3E354D
Caddies Silk
Caddies Silk ist #3E354D: rgb(62 53 77), hsl(263 18% 25%), oklch(0.349 0.043 301.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Caddies Silk color name →
#3E354D
oklch(0.349 0.043 301.4)
Farbumrechnungen
- HEX
- #3e354d
- RGB
- rgb(62 53 77)
- HSL
- hsl(263 18% 25%)
- HWB
- hwb(263 21% 70%)
- OKLCH
- oklch(0.349 0.043 301.4)
- OKLab
- oklab(0.349 0.022 -0.036)
- CIE Lab
- lab(23.91 8.42 -13.31)
- LCH
- lch(23.91 15.74 302.3)
- CMYK
- cmyk(19% 31% 0% 70%)
Tints · Shades · Tones
Tints
- 4F475D
- 61596E
- 736C7F
- 858090
- 9994A2
- ACA8B4
- C0BDC6
- D5D3D9
- EAE9EC
Shades
- 352D42
- 2B2537
- 231D2C
- 1A1522
- 120E18
- 0A080F
- 040307
- 010102
- 000000
Tones
- 443C52
- 4A4357
- 514B5C
- 575261
- 5E5966
- 65616B
- 6B6971
- 727076
- 79787B
Farbharmonien
Komplementär +180°
- 3E354D
Caddies Silk
- 373E24
≈ Turtle Skin
Analog -30° +30°
- 3E354D
Caddies Silk
- 323951
≈ Biscay
- 473244
≈ Red Onion
Triadisch +120° +240°
- 3E354D
Caddies Silk
- 4A3523
≈ Sepia Brown
- 1E423C
≈ Black Soap
Geteilt komplementär +150° +210°
- 3E354D
Caddies Silk
- 42391F
≈ Lisbon Brown
- 29412F
≈ English Holly
Tetradisch +90° +180° +270°
- 3E354D
Caddies Silk
- 4E322C
≈ Espresso
- 373E24
≈ Turtle Skin
- 1C4047
≈ Bay Isle Pointe
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.53:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.82:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.53:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--caddies-silk: #3e354d;
--caddies-silk-rgb: 62 53 77;
--caddies-silk-oklch: oklch(0.349 0.043 301.4);
}
.element {
color: var(--caddies-silk);
background-color: hsl(263 18% 25%);
border-color: oklch(0.349 0.043 301.4);
}Tailwind CSS v4
@theme {
--color-caddies-silk: #3e354d;
--color-caddies-silk-50: #f7f2ff;
--color-caddies-silk-100: #ebe5f4;
--color-caddies-silk-200: #d8d0e4;
--color-caddies-silk-300: #bcb2ca;
--color-caddies-silk-400: #a399b4;
--color-caddies-silk-500: #8b809e;
--color-caddies-silk-600: #756c86;
--color-caddies-silk-700: #5e576b;
--color-caddies-silk-800: #443f4f;
--color-caddies-silk-900: #2f2c37;
--color-caddies-silk-950: #1c1922;
}SCSS
$caddies-silk: #3e354d;
$caddies-silk-rgb: 62, 53, 77;
$caddies-silk-light: mix(#fff, $caddies-silk, 20%);
$caddies-silk-dark: mix(#000, $caddies-silk, 20%);
.element {
color: $caddies-silk;
box-shadow: 0 0 0 2px rgba($caddies-silk, 0.35);
}