Colore con nome · #2D5384
Boat Blue
Boat Blue è #2D5384: rgb(45 83 132), hsl(214 49% 35%), oklch(0.439 0.092 255.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Boat Blue color name →
#2D5384
oklch(0.439 0.092 255.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 416390
- 55749D
- 6984A9
- 7D95B5
- 92A6C2
- A7B8CE
- BCC9DA
- D2DBE6
- E8EDF3
Ombre
- 264772
- 1F3B60
- 18304F
- 11253F
- 0B1B2F
- 061120
- 020812
- 010206
- 000001
Toni
- 365884
- 3E5D84
- 476184
- 4F6684
- 576A83
- 5F6F83
- 687382
- 707782
- 787C81
Armonie di colore
Complementare +180°
- 2D5384
Boat Blue
- 6F4A00
≈ Antique Bronze
Analogo -30° +30°
- 2D5384
Boat Blue
- 005B75
≈ Octagon Ocean
- 4E4983
≈ Spirit Dance
Triadico +120° +240°
- 2D5384
Boat Blue
- 7D3A41
≈ Carmen
- 3A5D26
≈ Deep Into the Wood
Complementare divisa +150° +210°
- 2D5384
Boat Blue
- 7B4022
≈ Burnished Russet
- 5A5502
≈ Douro
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.82:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.68:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
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);
}