Benannte Farbe · #695F50
Makara
Makara ist #695F50: rgb(105 95 80), hsl(36 14% 36%), oklch(0.491 0.026 78). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Makara color name →
#695F50
oklch(0.491 0.026 78)
Farbumrechnungen
- HEX
- #695f50
- RGB
- rgb(105 95 80)
- HSL
- hsl(36 14% 36%)
- HWB
- hwb(36 31% 59%)
- OKLCH
- oklch(0.491 0.026 78)
- OKLab
- oklab(0.491 0.005 0.026)
- CIE Lab
- lab(40.95 2.17 10.16)
- LCH
- lch(40.95 10.39 78)
- CMYK
- cmyk(0% 10% 24% 59%)
Tints · Shades · Tones
Tints
- 776E60
- 857D70
- 938C81
- A29C92
- B1ACA3
- C0BCB5
- D0CCC7
- DFDDD9
- EFEEEC
Shades
- 5A5244
- 4C4439
- 3E382E
- 312C24
- 24201A
- 181510
- 0C0A07
- 040302
- 000000
Tones
- 6B6255
- 6E6659
- 70695E
- 726C63
- 746F68
- 77736D
- 797671
- 7B7976
- 7E7D7B
Farbharmonien
Komplementär +180°
- 695F50
Makara
- 576170
≈ Intermediate Blue
Analog -30° +30°
- 695F50
Makara
- 6E5C54
≈ Missing Link
- 626251
≈ Bull Kelp
Triadisch +120° +240°
- 695F50
Makara
- 4F6566
≈ Angry Ocean
- 675C6B
≈ Patina Violet
Geteilt komplementär +150° +210°
- 695F50
Makara
- 51646D
≈ Masuhana Blue
- 5F5E6F
≈ Mid Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.26:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.35:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--makara: #695f50;
--makara-rgb: 105 95 80;
--makara-oklch: oklch(0.491 0.026 78);
}
.element {
color: var(--makara);
background-color: hsl(36 14% 36%);
border-color: oklch(0.491 0.026 78);
}Tailwind CSS v4
@theme {
--color-makara: #695f50;
--color-makara-50: #f9f4ed;
--color-makara-100: #ede7de;
--color-makara-200: #dad3c8;
--color-makara-300: #bfb6a9;
--color-makara-400: #a79d8d;
--color-makara-500: #908473;
--color-makara-600: #7a7061;
--color-makara-700: #615a4e;
--color-makara-800: #484138;
--color-makara-900: #322d27;
--color-makara-950: #1e1a15;
}SCSS
$makara: #695f50;
$makara-rgb: 105, 95, 80;
$makara-light: mix(#fff, $makara, 20%);
$makara-dark: mix(#000, $makara, 20%);
.element {
color: $makara;
box-shadow: 0 0 0 2px rgba($makara, 0.35);
}