Benannte Farbe · #772F39
Mesa Ridge
Mesa Ridge ist #772F39: rgb(119 47 57), hsl(352 43% 33%), oklch(0.409 0.101 14.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Mesa Ridge color name →
#772F39
oklch(0.409 0.101 14.2)
Farbumrechnungen
- HEX
- #772f39
- RGB
- rgb(119 47 57)
- HSL
- hsl(352 43% 33%)
- HWB
- hwb(352 18% 53%)
- OKLCH
- oklch(0.409 0.101 14.2)
- OKLab
- oklab(0.409 0.098 0.025)
- CIE Lab
- lab(30.38 32.83 10.51)
- LCH
- lch(30.38 34.48 17.8)
- CMYK
- cmyk(0% 61% 52% 53%)
Tints · Shades · Tones
Tints
- 86434A
- 94575D
- A26B6F
- B07F82
- BD9496
- CBA8AA
- D8BDBF
- E5D3D4
- F2E9E9
Shades
- 672730
- 572028
- 47191F
- 381217
- 2A0C10
- 1C0609
- 100304
- 050101
- 010000
Tones
- 793840
- 7B4147
- 7C494E
- 7E5155
- 7F595C
- 806163
- 80696A
- 807071
- 807879
Farbharmonien
Komplementär +180°
- 772F39
Mesa Ridge
- 005655
≈ Overboard
Analog -30° +30°
- 772F39
Mesa Ridge
- 6F3157
≈ Burlat Red
- 763515
≈ Beer Glazed Bacon
Triadisch +120° +240°
- 772F39
Mesa Ridge
- 315615
≈ Navy Green
- 1E4B7F
≈ Classic Blue
Geteilt komplementär +150° +210°
- 772F39
Mesa Ridge
- 00593D
≈ Sacramento State Green
- 005369
≈ Blue Palisade
Tetradisch +90° +180° +270°
- 772F39
Mesa Ridge
- 524C00
≈ Scorzonera Brown
- 005655
≈ Overboard
- 45407E
≈ Jacksons Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.33:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.25:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.33:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--mesa-ridge: #772f39;
--mesa-ridge-rgb: 119 47 57;
--mesa-ridge-oklch: oklch(0.409 0.101 14.2);
}
.element {
color: var(--mesa-ridge);
background-color: hsl(352 43% 33%);
border-color: oklch(0.409 0.101 14.2);
}Tailwind CSS v4
@theme {
--color-mesa-ridge: #772f39;
--color-mesa-ridge-50: #ffeaeb;
--color-mesa-ridge-100: #ffdbdc;
--color-mesa-ridge-200: #fdc3c5;
--color-mesa-ridge-300: #e7a3a6;
--color-mesa-ridge-400: #d3858c;
--color-mesa-ridge-500: #bf6871;
--color-mesa-ridge-600: #a25960;
--color-mesa-ridge-700: #82474d;
--color-mesa-ridge-800: #603339;
--color-mesa-ridge-900: #442327;
--color-mesa-ridge-950: #2b1115;
}SCSS
$mesa-ridge: #772f39;
$mesa-ridge-rgb: 119, 47, 57;
$mesa-ridge-light: mix(#fff, $mesa-ridge, 20%);
$mesa-ridge-dark: mix(#000, $mesa-ridge, 20%);
.element {
color: $mesa-ridge;
box-shadow: 0 0 0 2px rgba($mesa-ridge, 0.35);
}