Benannte Farbe · #93765C
Spanish Style
Spanish Style ist #93765C: rgb(147 118 92), hsl(28 23% 47%), oklch(0.587 0.052 63.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Spanish Style color name →
#93765C
oklch(0.587 0.052 63.4)
Farbumrechnungen
- HEX
- #93765c
- RGB
- rgb(147 118 92)
- HSL
- hsl(28 23% 47%)
- HWB
- hwb(28 36% 42%)
- OKLCH
- oklch(0.587 0.052 63.4)
- OKLab
- oklab(0.587 0.023 0.047)
- CIE Lab
- lab(51.98 8.9 18.87)
- LCH
- lch(51.98 20.87 64.8)
- CMYK
- cmyk(0% 20% 37% 42%)
Tints · Shades · Tones
Tints
- 9E836B
- A8907B
- B39D8B
- BDAB9B
- C8B8AB
- D3C6BB
- DED4CC
- E9E2DD
- F4F1EE
Shades
- 7F664F
- 6C5642
- 594736
- 47382A
- 36291F
- 251C14
- 160F0A
- 080503
- 010100
Tones
- 917760
- 8F7864
- 8E7967
- 8C7A6B
- 8A7B6F
- 887C72
- 867D76
- 847E79
- 827F7D
Farbharmonien
Komplementär +180°
- 93765C
Spanish Style
- 62809A
≈ Greyish Blue
Analog -30° +30°
- 93765C
Spanish Style
- 997168
≈ Antique Rose
- 877C59
≈ Clay Creek
Triadisch +120° +240°
- 93765C
Spanish Style
- 58877F
≈ Wintergreen Dream
- 837596
≈ Grape Harvest
Geteilt komplementär +150° +210°
- 93765C
Spanish Style
- 57858F
≈ Night Masque
- 727B9C
≈ Inky Violet
Tetradisch +90° +180° +270°
- 93765C
Spanish Style
- 65866E
≈ Dark Ivy
- 62809A
≈ Greyish Blue
- 90718A
≈ Very Grape
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.21:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.98:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--spanish-style: #93765c;
--spanish-style-rgb: 147 118 92;
--spanish-style-oklch: oklch(0.587 0.052 63.4);
}
.element {
color: var(--spanish-style);
background-color: hsl(28 23% 47%);
border-color: oklch(0.587 0.052 63.4);
}Tailwind CSS v4
@theme {
--color-spanish-style: #93765c;
--color-spanish-style-50: #fff3e6;
--color-spanish-style-100: #f5e5d6;
--color-spanish-style-200: #e4d0bd;
--color-spanish-style-300: #cbb39c;
--color-spanish-style-400: #b5987f;
--color-spanish-style-500: #9f7f62;
--color-spanish-style-600: #876c53;
--color-spanish-style-700: #6c5642;
--color-spanish-style-800: #503e30;
--color-spanish-style-900: #382b20;
--color-spanish-style-950: #221810;
}SCSS
$spanish-style: #93765c;
$spanish-style-rgb: 147, 118, 92;
$spanish-style-light: mix(#fff, $spanish-style, 20%);
$spanish-style-dark: mix(#000, $spanish-style, 20%);
.element {
color: $spanish-style;
box-shadow: 0 0 0 2px rgba($spanish-style, 0.35);
}