Colore con nome · #314A72
Sailboat
Sailboat è #314A72: rgb(49 74 114), hsl(217 40% 32%), oklch(0.408 0.074 259.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sailboat color name →
#314A72
oklch(0.408 0.074 259.5)
Conversioni di colore
- HEX
- #314a72
- RGB
- rgb(49 74 114)
- HSL
- hsl(217 40% 32%)
- HWB
- hwb(217 19% 55%)
- OKLCH
- oklch(0.408 0.074 259.5)
- OKLab
- oklab(0.408 -0.014 -0.073)
- CIE Lab
- lab(30.91 0.08 -26.37)
- LCH
- lch(30.91 26.37 270.2)
- CMYK
- cmyk(57% 35% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 435B80
- 566C8E
- 6A7D9B
- 7E8FA9
- 92A1B7
- A7B3C6
- BDC6D4
- D2D8E2
- E8ECF0
Ombre
- 293F62
- 223553
- 1A2A44
- 132036
- 0C1728
- 060E1B
- 03060E
- 010204
- 000001
Toni
- 394F74
- 405575
- 485A77
- 506079
- 58657A
- 606B7B
- 68707D
- 70757E
- 787B7F
Armonie di colore
Complementare +180°
- 314A72
Sailboat
- 5F4512
≈ Mud Brown
Analogo -30° +30°
- 314A72
Sailboat
- 0F516A
≈ Hanada Blue
- 49426F
≈ Izmir Purple
Triadico +120° +240°
- 314A72
Sailboat
- 6D3839
≈ Red Theatre
- 34542B
≈ Kaitoke Green
Complementare divisa +150° +210°
- 314A72
Sailboat
- 6A3D23
≈ Searing Gorge Brown
- 4D4D17
≈ Scorzonera Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.92:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.35:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.92:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--sailboat: #314a72;
--sailboat-rgb: 49 74 114;
--sailboat-oklch: oklch(0.408 0.074 259.5);
}
.element {
color: var(--sailboat);
background-color: hsl(217 40% 32%);
border-color: oklch(0.408 0.074 259.5);
}Tailwind CSS v4
@theme {
--color-sailboat: #314a72;
--color-sailboat-50: #eaf6ff;
--color-sailboat-100: #dae9ff;
--color-sailboat-200: #c3d5f5;
--color-sailboat-300: #a2b8de;
--color-sailboat-400: #84a0cb;
--color-sailboat-500: #6987b8;
--color-sailboat-600: #59729b;
--color-sailboat-700: #475b7c;
--color-sailboat-800: #32435c;
--color-sailboat-900: #222e40;
--color-sailboat-950: #111b29;
}SCSS
$sailboat: #314a72;
$sailboat-rgb: 49, 74, 114;
$sailboat-light: mix(#fff, $sailboat, 20%);
$sailboat-dark: mix(#000, $sailboat, 20%);
.element {
color: $sailboat;
box-shadow: 0 0 0 2px rgba($sailboat, 0.35);
}