Benannte Farbe · #AAB5B7
Nautical Star
Nautical Star ist #AAB5B7: rgb(170 181 183), hsl(189 8% 69%), oklch(0.765 0.013 209.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Nautical Star color name →
#AAB5B7
oklch(0.765 0.013 209.8)
Farbumrechnungen
- HEX
- #aab5b7
- RGB
- rgb(170 181 183)
- HSL
- hsl(189 8% 69%)
- HWB
- hwb(189 67% 28%)
- OKLCH
- oklch(0.765 0.013 209.8)
- OKLab
- oklab(0.765 -0.011 -0.006)
- CIE Lab
- lab(72.85 -3.67 -2.41)
- LCH
- lch(72.85 4.39 213.3)
- CMYK
- cmyk(7% 1% 0% 28%)
Tints · Shades · Tones
Tints
- B2BCBE
- BBC3C5
- C3CBCC
- CBD2D3
- D4D9DA
- DCE1E2
- E5E8E9
- EEF0F0
- F6F7F8
Shades
- 939D9F
- 7D8687
- 686F70
- 53595A
- 3F4445
- 2D3031
- 1B1D1E
- 0B0C0C
- 010202
Tones
- A6B0B1
- A1AAAC
- 9DA5A6
- 999FA1
- 959A9B
- 919596
- 8C9090
- 888A8B
- 848585
Farbharmonien
Komplementär +180°
- AAB5B7
Nautical Star
- BBB0AE
≈ London Coach
Analog -30° +30°
- AAB5B7
Nautical Star
- ABB5B3
≈ Periglacial Blue
- ACB4BA
≈ Cloud Cover
Triadisch +120° +240°
- AAB5B7
Nautical Star
- B7B0B6
≈ Swanky Grey
- B6B2AA
≈ Allegory
Geteilt komplementär +150° +210°
- AAB5B7
Nautical Star
- BAAFB2
≈ Antique Mauve
- B9B1AB
≈ City Street
Tetradisch +90° +180° +270°
- AAB5B7
Nautical Star
- B4B1BA
≈ A Month of Sundays
- BBB0AE
≈ London Coach
- B1B4AB
≈ Rigani
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.00:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--nautical-star: #aab5b7;
--nautical-star-rgb: 170 181 183;
--nautical-star-oklch: oklch(0.765 0.013 209.8);
}
.element {
color: var(--nautical-star);
background-color: hsl(189 8% 69%);
border-color: oklch(0.765 0.013 209.8);
}Tailwind CSS v4
@theme {
--color-nautical-star: #aab5b7;
--color-nautical-star-50: #f1f6f7;
--color-nautical-star-100: #e3e9ea;
--color-nautical-star-200: #ced6d7;
--color-nautical-star-300: #b0b9bb;
--color-nautical-star-400: #96a1a2;
--color-nautical-star-500: #7d898b;
--color-nautical-star-600: #6a7475;
--color-nautical-star-700: #555c5e;
--color-nautical-star-800: #3e4445;
--color-nautical-star-900: #2a2f2f;
--color-nautical-star-950: #181b1c;
}SCSS
$nautical-star: #aab5b7;
$nautical-star-rgb: 170, 181, 183;
$nautical-star-light: mix(#fff, $nautical-star, 20%);
$nautical-star-dark: mix(#000, $nautical-star, 20%);
.element {
color: $nautical-star;
box-shadow: 0 0 0 2px rgba($nautical-star, 0.35);
}