Benannte Farbe · #2A3149
Ahoy
Ahoy ist #2A3149: rgb(42 49 73), hsl(226 27% 23%), oklch(0.318 0.044 271.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Ahoy color name →
#2A3149
oklch(0.318 0.044 271.3)
Farbumrechnungen
- HEX
- #2a3149
- RGB
- rgb(42 49 73)
- HSL
- hsl(226 27% 23%)
- HWB
- hwb(226 16% 71%)
- OKLCH
- oklch(0.318 0.044 271.3)
- OKLab
- oklab(0.318 0.001 -0.044)
- CIE Lab
- lab(20.52 2.34 -16.05)
- LCH
- lch(20.52 16.22 278.3)
- CMYK
- cmyk(42% 33% 0% 71%)
Tints · Shades · Tones
Tints
- 3C435A
- 4F566B
- 63697C
- 777D8E
- 8D91A0
- A3A6B2
- B9BCC5
- D0D2D8
- E7E8EB
Shades
- 23293E
- 1C2234
- 161A2A
- 101320
- 0A0C17
- 05060E
- 020306
- 010102
- 000000
Tones
- 32384E
- 3A4054
- 424859
- 4A4F5F
- 535764
- 5C5F6A
- 65676F
- 6E6F75
- 77787A
Farbharmonien
Komplementär +180°
- 2A3149
Ahoy
- 3B3116
≈ Pullman Green
Analog -30° +30°
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 2A3149
Ahoy
- 432D1A
≈ Subterranean
- 2F361C
≈ Olivenite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.85:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.63:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.85:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--ahoy: #2a3149;
--ahoy-rgb: 42 49 73;
--ahoy-oklch: oklch(0.318 0.044 271.3);
}
.element {
color: var(--ahoy);
background-color: hsl(226 27% 23%);
border-color: oklch(0.318 0.044 271.3);
}Tailwind CSS v4
@theme {
--color-ahoy: #2a3149;
--color-ahoy-50: #f1f5ff;
--color-ahoy-100: #e3e7f7;
--color-ahoy-200: #ced3e8;
--color-ahoy-300: #b0b6cf;
--color-ahoy-400: #959eb9;
--color-ahoy-500: #7b85a4;
--color-ahoy-600: #68718b;
--color-ahoy-700: #535a6f;
--color-ahoy-800: #3c4252;
--color-ahoy-900: #292d39;
--color-ahoy-950: #171a24;
}SCSS
$ahoy: #2a3149;
$ahoy-rgb: 42, 49, 73;
$ahoy-light: mix(#fff, $ahoy, 20%);
$ahoy-dark: mix(#000, $ahoy, 20%);
.element {
color: $ahoy;
box-shadow: 0 0 0 2px rgba($ahoy, 0.35);
}