Nazwany kolor · #2A3149
Ahoy
Ahoy to #2A3149: rgb(42 49 73), hsl(226 27% 23%), oklch(0.318 0.044 271.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Ahoy color name →
#2A3149
oklch(0.318 0.044 271.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3C435A
- 4F566B
- 63697C
- 777D8E
- 8D91A0
- A3A6B2
- B9BCC5
- D0D2D8
- E7E8EB
Odcienie ciemniejsze
- 23293E
- 1C2234
- 161A2A
- 101320
- 0A0C17
- 05060E
- 020306
- 010102
- 000000
Tony
- 32384E
- 3A4054
- 424859
- 4A4F5F
- 535764
- 5C5F6A
- 65676F
- 6E6F75
- 77787A
Harmonie kolorów
Komplementarna +180°
- 2A3149
Ahoy
- 3B3116
≈ Pullman Green
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 2A3149
Ahoy
- 432D1A
≈ Subterranean
- 2F361C
≈ Olivenite
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.85:1 · APCA Lc 99
Ag
FailNa czerni
WCAG 1.63:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.85:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
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);
}