Benannte Farbe · #75482F
Cape Palliser
Cape Palliser ist #75482F: rgb(117 72 47), hsl(21 43% 32%), oklch(0.448 0.072 49.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Cape Palliser color name →
#75482F
oklch(0.448 0.072 49.2)
Farbumrechnungen
- HEX
- #75482f
- RGB
- rgb(117 72 47)
- HSL
- hsl(21 43% 32%)
- HWB
- hwb(21 18% 54%)
- OKLCH
- oklch(0.448 0.072 49.2)
- OKLab
- oklab(0.448 0.047 0.055)
- CIE Lab
- lab(35.55 17.77 23.31)
- LCH
- lch(35.55 29.31 52.7)
- CMYK
- cmyk(0% 38% 60% 54%)
Tints · Shades · Tones
Tints
- 835942
- 906A56
- 9E7C6A
- AC8E7E
- BAA092
- C7B2A7
- D5C5BD
- E3D8D2
- F1EBE9
Shades
- 653D27
- 553320
- 462919
- 371F12
- 29160C
- 1C0D06
- 0F0603
- 050201
- 010000
Tones
- 774E37
- 785340
- 7A5948
- 7B5F50
- 7C6458
- 7D6A60
- 7E6F68
- 7F7570
- 7F7A78
Farbharmonien
Komplementär +180°
- 75482F
Cape Palliser
- 215C75
≈ Deep Blue Sea
Analog -30° +30°
- 75482F
Cape Palliser
- 784444
≈ Cinnamon Cherry
- 6A5021
≈ Black Queen
Triadisch +120° +240°
- 75482F
Cape Palliser
- 23624E
≈ Teal Drama
- 544E7A
≈ Saffron Crocus
Geteilt komplementär +150° +210°
- 75482F
Cape Palliser
- 0D6164
≈ Beau Vert
- 3C557D
≈ Deep Azure
Tetradisch +90° +180° +270°
- 75482F
Cape Palliser
- 3F5E37
≈ Turf
- 215C75
≈ Deep Blue Sea
- 66476E
≈ Sultana
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.70:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.72:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--cape-palliser: #75482f;
--cape-palliser-rgb: 117 72 47;
--cape-palliser-oklch: oklch(0.448 0.072 49.2);
}
.element {
color: var(--cape-palliser);
background-color: hsl(21 43% 32%);
border-color: oklch(0.448 0.072 49.2);
}Tailwind CSS v4
@theme {
--color-cape-palliser: #75482f;
--color-cape-palliser-50: #fff0e3;
--color-cape-palliser-100: #fde2d3;
--color-cape-palliser-200: #efccb9;
--color-cape-palliser-300: #d6ae96;
--color-cape-palliser-400: #c29279;
--color-cape-palliser-500: #ae785b;
--color-cape-palliser-600: #93664d;
--color-cape-palliser-700: #76513d;
--color-cape-palliser-800: #573b2c;
--color-cape-palliser-900: #3d281e;
--color-cape-palliser-950: #26160e;
}SCSS
$cape-palliser: #75482f;
$cape-palliser-rgb: 117, 72, 47;
$cape-palliser-light: mix(#fff, $cape-palliser, 20%);
$cape-palliser-dark: mix(#000, $cape-palliser, 20%);
.element {
color: $cape-palliser;
box-shadow: 0 0 0 2px rgba($cape-palliser, 0.35);
}