Nazwany kolor · #2D5384
Boat Blue
Boat Blue to #2D5384: rgb(45 83 132), hsl(214 49% 35%), oklch(0.439 0.092 255.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Boat Blue color name →
#2D5384
oklch(0.439 0.092 255.6)
Konwersje koloru
- HEX
- #2d5384
- RGB
- rgb(45 83 132)
- HSL
- hsl(214 49% 35%)
- HWB
- hwb(214 18% 48%)
- OKLCH
- oklch(0.439 0.092 255.6)
- OKLab
- oklab(0.439 -0.023 -0.089)
- CIE Lab
- lab(34.36 -1.05 -32.11)
- LCH
- lch(34.36 32.12 268.1)
- CMYK
- cmyk(66% 37% 0% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 416390
- 55749D
- 6984A9
- 7D95B5
- 92A6C2
- A7B8CE
- BCC9DA
- D2DBE6
- E8EDF3
Odcienie ciemniejsze
- 264772
- 1F3B60
- 18304F
- 11253F
- 0B1B2F
- 061120
- 020812
- 010206
- 000001
Tony
- 365884
- 3E5D84
- 476184
- 4F6684
- 576A83
- 5F6F83
- 687382
- 707782
- 787C81
Harmonie kolorów
Komplementarna +180°
- 2D5384
Boat Blue
- 6F4A00
≈ Antique Bronze
Analogowa -30° +30°
- 2D5384
Boat Blue
- 005B75
≈ Octagon Ocean
- 4E4983
≈ Spirit Dance
Triada +120° +240°
- 2D5384
Boat Blue
- 7D3A41
≈ Carmen
- 3A5D26
≈ Deep Into the Wood
Komplementarna rozszczepiona +150° +210°
- 2D5384
Boat Blue
- 7B4022
≈ Burnished Russet
- 5A5502
≈ Douro
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.82:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.68:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--boat-blue: #2d5384;
--boat-blue-rgb: 45 83 132;
--boat-blue-oklch: oklch(0.439 0.092 255.6);
}
.element {
color: var(--boat-blue);
background-color: hsl(214 49% 35%);
border-color: oklch(0.439 0.092 255.6);
}Tailwind CSS v4
@theme {
--color-boat-blue: #2d5384;
--color-boat-blue-50: #e5f7ff;
--color-boat-blue-100: #d5eaff;
--color-boat-blue-200: #bcd6fc;
--color-boat-blue-300: #9ab9e7;
--color-boat-blue-400: #7aa1d5;
--color-boat-blue-500: #5c88c2;
--color-boat-blue-600: #4e73a4;
--color-boat-blue-700: #3e5c84;
--color-boat-blue-800: #2b4462;
--color-boat-blue-900: #1d2f45;
--color-boat-blue-950: #0d1b2c;
}SCSS
$boat-blue: #2d5384;
$boat-blue-rgb: 45, 83, 132;
$boat-blue-light: mix(#fff, $boat-blue, 20%);
$boat-blue-dark: mix(#000, $boat-blue, 20%);
.element {
color: $boat-blue;
box-shadow: 0 0 0 2px rgba($boat-blue, 0.35);
}