Benannte Farbe · #597766
Mt Burleigh
Mt Burleigh ist #597766: rgb(89 119 102), hsl(146 14% 41%), oklch(0.541 0.044 159.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mt Burleigh color name →
#597766
oklch(0.541 0.044 159.7)
Farbumrechnungen
- HEX
- #597766
- RGB
- rgb(89 119 102)
- HSL
- hsl(146 14% 41%)
- HWB
- hwb(146 35% 53%)
- OKLCH
- oklch(0.541 0.044 159.7)
- OKLab
- oklab(0.541 -0.041 0.015)
- CIE Lab
- lab(47.3 -14.13 5.7)
- LCH
- lch(47.3 15.23 158)
- CMYK
- cmyk(25% 0% 14% 53%)
Tints · Shades · Tones
Tints
- 698474
- 789183
- 889E91
- 99ABA0
- A9B9AF
- BAC7BF
- CBD4CF
- DCE2DF
- EDF1EF
Shades
- 4C6758
- 40574A
- 34473C
- 28382F
- 1D2A23
- 131C17
- 09100C
- 030504
- 000100
Tones
- 5D7869
- 61796B
- 657A6E
- 697B70
- 6D7C73
- 717D76
- 757D78
- 787E7B
- 7C7F7D
Farbharmonien
Komplementär +180°
- 597766
Mt Burleigh
- 816577
≈ Arctic Dusk
Analog -30° +30°
- 597766
Mt Burleigh
- 677459
≈ Lignum Vitœ Foliage
- 517774
≈ Sagebrush Green
Triadisch +120° +240°
- 597766
Mt Burleigh
- 696C88
≈ Dark Prince
- 86675C
≈ Nut Brown
Geteilt komplementär +150° +210°
- 597766
Mt Burleigh
- 776882
≈ Amethyst Gem
- 866569
≈ Mauving Up
Tetradisch +90° +180° +270°
- 597766
Mt Burleigh
- 5C7188
≈ Layers of Ocean
- 816577
≈ Arctic Dusk
- 806B53
≈ Salted Pretzel
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.93:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.25:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--mt-burleigh: #597766;
--mt-burleigh-rgb: 89 119 102;
--mt-burleigh-oklch: oklch(0.541 0.044 159.7);
}
.element {
color: var(--mt-burleigh);
background-color: hsl(146 14% 41%);
border-color: oklch(0.541 0.044 159.7);
}Tailwind CSS v4
@theme {
--color-mt-burleigh: #597766;
--color-mt-burleigh-50: #ebf9f1;
--color-mt-burleigh-100: #dcede3;
--color-mt-burleigh-200: #c5dace;
--color-mt-burleigh-300: #a5bfb0;
--color-mt-burleigh-400: #89a795;
--color-mt-burleigh-500: #6d8f7c;
--color-mt-burleigh-600: #5d7969;
--color-mt-burleigh-700: #4a6154;
--color-mt-burleigh-800: #36473d;
--color-mt-burleigh-900: #25312a;
--color-mt-burleigh-950: #131d17;
}SCSS
$mt-burleigh: #597766;
$mt-burleigh-rgb: 89, 119, 102;
$mt-burleigh-light: mix(#fff, $mt-burleigh, 20%);
$mt-burleigh-dark: mix(#000, $mt-burleigh, 20%);
.element {
color: $mt-burleigh;
box-shadow: 0 0 0 2px rgba($mt-burleigh, 0.35);
}