Benannte Farbe · #768482
Portsmouth
Portsmouth ist #768482: rgb(118 132 130), hsl(171 6% 49%), oklch(0.601 0.017 186.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Portsmouth color name →
#768482
oklch(0.601 0.017 186.4)
Farbumrechnungen
- HEX
- #768482
- RGB
- rgb(118 132 130)
- HSL
- hsl(171 6% 49%)
- HWB
- hwb(171 46% 48%)
- OKLCH
- oklch(0.601 0.017 186.4)
- OKLab
- oklab(0.601 -0.017 -0.002)
- CIE Lab
- lab(53.95 -5.63 -0.76)
- LCH
- lch(53.95 5.68 187.6)
- CMYK
- cmyk(11% 0% 2% 48%)
Tints · Shades · Tones
Tints
- 83908E
- 909B9A
- 9DA7A6
- ABB3B2
- B8C0BF
- C6CCCB
- D4D9D8
- E2E5E5
- F1F2F2
Shades
- 667270
- 56605F
- 474F4E
- 383F3E
- 292F2F
- 1C2020
- 0F1212
- 050606
- 010101
Tones
- 778482
- 788382
- 798381
- 7A8281
- 7B8281
- 7C8281
- 7D8181
- 7E8180
- 7F8080
Farbharmonien
Komplementär +180°
- 768482
Portsmouth
- 8A7D7F
≈ Ganymede
Analog -30° +30°
- 768482
Portsmouth
- 79847C
≈ Cigar Smoke
- 768387
≈ Wolf
Triadisch +120° +240°
- 768482
Portsmouth
- 837E89
≈ Soft Savvy
- 887F76
≈ Crust
Geteilt komplementär +150° +210°
- 768482
Portsmouth
- 877D84
≈ Shadow Dance
- 8A7D7A
≈ Renwick Heather
Tetradisch +90° +180° +270°
- 768482
Portsmouth
- 7E808B
≈ Carbon Footprint
- 8A7D7F
≈ Ganymede
- 838176
≈ Mossy Oak
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.89:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.39:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.39:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--portsmouth: #768482;
--portsmouth-rgb: 118 132 130;
--portsmouth-oklch: oklch(0.601 0.017 186.4);
}
.element {
color: var(--portsmouth);
background-color: hsl(171 6% 49%);
border-color: oklch(0.601 0.017 186.4);
}Tailwind CSS v4
@theme {
--color-portsmouth: #768482;
--color-portsmouth-50: #f0f7f6;
--color-portsmouth-100: #e2eae9;
--color-portsmouth-200: #cdd7d5;
--color-portsmouth-300: #aebab9;
--color-portsmouth-400: #94a2a0;
--color-portsmouth-500: #7a8a88;
--color-portsmouth-600: #687573;
--color-portsmouth-700: #535d5c;
--color-portsmouth-800: #3c4443;
--color-portsmouth-900: #292f2e;
--color-portsmouth-950: #171c1b;
}SCSS
$portsmouth: #768482;
$portsmouth-rgb: 118, 132, 130;
$portsmouth-light: mix(#fff, $portsmouth, 20%);
$portsmouth-dark: mix(#000, $portsmouth, 20%);
.element {
color: $portsmouth;
box-shadow: 0 0 0 2px rgba($portsmouth, 0.35);
}