Benannte Farbe · #A1ADAD
Portsmouth Bay
Portsmouth Bay ist #A1ADAD: rgb(161 173 173), hsl(180 7% 65%), oklch(0.738 0.013 196.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Portsmouth Bay color name →
#A1ADAD
oklch(0.738 0.013 196.9)
Farbumrechnungen
- HEX
- #a1adad
- RGB
- rgb(161 173 173)
- HSL
- hsl(180 7% 65%)
- HWB
- hwb(180 63% 32%)
- OKLCH
- oklch(0.738 0.013 196.9)
- OKLab
- oklab(0.738 -0.013 -0.004)
- CIE Lab
- lab(69.77 -4.36 -1.53)
- LCH
- lch(69.77 4.62 199.3)
- CMYK
- cmyk(7% 0% 0% 32%)
Tints · Shades · Tones
Tints
- AAB5B5
- B3BDBD
- BCC5C5
- C6CDCD
- CFD5D5
- D9DEDD
- E2E6E6
- ECEEEE
- F5F7F7
Shades
- 8B9696
- 767F7F
- 626A6A
- 4E5555
- 3C4141
- 2A2D2D
- 191B1B
- 090B0B
- 010101
Tones
- 9EA8A8
- 9AA4A4
- 979F9F
- 949B9B
- 909696
- 8D9292
- 8A8D8D
- 878989
- 838484
Farbharmonien
Komplementär +180°
- A1ADAD
Portsmouth Bay
- B3A7A7
≈ Centennial Rose
Analog -30° +30°
- A1ADAD
Portsmouth Bay
- A3ADA8
≈ Feldspar Silver
- A2ACB1
≈ Pale Blue Grey
Triadisch +120° +240°
- A1ADAD
Portsmouth Bay
- AEA8B0
≈ Elderberry Grey
- AFA9A1
≈ Cloudy Desert
Geteilt komplementär +150° +210°
- A1ADAD
Portsmouth Bay
- B1A7AC
≈ Stamina
- B2A8A3
≈ Aura
Tetradisch +90° +180° +270°
- A1ADAD
Portsmouth Bay
- A9A9B3
≈ Modern Lavender
- B3A7A7
≈ Centennial Rose
- ABABA1
≈ Laurel Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.09:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--portsmouth-bay: #a1adad;
--portsmouth-bay-rgb: 161 173 173;
--portsmouth-bay-oklch: oklch(0.738 0.013 196.9);
}
.element {
color: var(--portsmouth-bay);
background-color: hsl(180 7% 65%);
border-color: oklch(0.738 0.013 196.9);
}Tailwind CSS v4
@theme {
--color-portsmouth-bay: #a1adad;
--color-portsmouth-bay-50: #f1f6f6;
--color-portsmouth-bay-100: #e3e9e9;
--color-portsmouth-bay-200: #ced6d6;
--color-portsmouth-bay-300: #b0baba;
--color-portsmouth-bay-400: #96a1a1;
--color-portsmouth-bay-500: #7c8989;
--color-portsmouth-bay-600: #697474;
--color-portsmouth-bay-700: #545d5d;
--color-portsmouth-bay-800: #3d4444;
--color-portsmouth-bay-900: #2a2f2f;
--color-portsmouth-bay-950: #181b1b;
}SCSS
$portsmouth-bay: #a1adad;
$portsmouth-bay-rgb: 161, 173, 173;
$portsmouth-bay-light: mix(#fff, $portsmouth-bay, 20%);
$portsmouth-bay-dark: mix(#000, $portsmouth-bay, 20%);
.element {
color: $portsmouth-bay;
box-shadow: 0 0 0 2px rgba($portsmouth-bay, 0.35);
}