Benannte Farbe · #757D75
Harbour Rat
Harbour Rat ist #757D75: rgb(117 125 117), hsl(120 3% 47%), oklch(0.58 0.015 145.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Harbour Rat color name →
#757D75
oklch(0.58 0.015 145.4)
Farbumrechnungen
- HEX
- #757d75
- RGB
- rgb(117 125 117)
- HSL
- hsl(120 3% 47%)
- HWB
- hwb(120 46% 51%)
- OKLCH
- oklch(0.58 0.015 145.4)
- OKLab
- oklab(0.58 -0.013 0.009)
- CIE Lab
- lab(51.54 -4.31 3.3)
- LCH
- lch(51.54 5.42 142.6)
- CMYK
- cmyk(6% 0% 6% 51%)
Tints · Shades · Tones
Tints
- 828982
- 8F968F
- 9CA29C
- AAAFAA
- B8BCB8
- C6C9C6
- D4D6D4
- E2E4E2
- F0F1F0
Shades
- 656C65
- 555B55
- 464B46
- 373B37
- 292C29
- 1C1E1C
- 0F110F
- 050505
- 010101
Tones
- 767D76
- 777E77
- 787E78
- 797E79
- 7B7F7A
- 7C7F7C
- 7D7F7D
- 7E7F7E
- 7F807F
Farbharmonien
Komplementär +180°
- 757D75
Harbour Rat
- 7F777F
≈ Chain Mail
Analog -30° +30°
- 757D75
Harbour Rat
- 7A7C72
≈ Tapa
- 727E7A
≈ Grey Monument
Triadisch +120° +240°
- 757D75
Harbour Rat
- 767A84
≈ Infamous
- 837776
≈ Complex Grey
Geteilt komplementär +150° +210°
- 757D75
Harbour Rat
- 7B7983
≈ Infamous
- 82777B
≈ Soulmate
Tetradisch +90° +180° +270°
- 757D75
Harbour Rat
- 727C82
≈ Deep Shale
- 7F777F
≈ Chain Mail
- 827872
≈ Palomino Pony
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.24:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.94:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.94:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--harbour-rat: #757d75;
--harbour-rat-rgb: 117 125 117;
--harbour-rat-oklch: oklch(0.58 0.015 145.4);
}
.element {
color: var(--harbour-rat);
background-color: hsl(120 3% 47%);
border-color: oklch(0.58 0.015 145.4);
}Tailwind CSS v4
@theme {
--color-harbour-rat: #757d75;
--color-harbour-rat-50: #f2f6f3;
--color-harbour-rat-100: #e5e9e5;
--color-harbour-rat-200: #d0d6d0;
--color-harbour-rat-300: #b2bab3;
--color-harbour-rat-400: #99a199;
--color-harbour-rat-500: #808980;
--color-harbour-rat-600: #6c746c;
--color-harbour-rat-700: #575d57;
--color-harbour-rat-800: #3f443f;
--color-harbour-rat-900: #2c2f2b;
--color-harbour-rat-950: #191b19;
}SCSS
$harbour-rat: #757d75;
$harbour-rat-rgb: 117, 125, 117;
$harbour-rat-light: mix(#fff, $harbour-rat, 20%);
$harbour-rat-dark: mix(#000, $harbour-rat, 20%);
.element {
color: $harbour-rat;
box-shadow: 0 0 0 2px rgba($harbour-rat, 0.35);
}