Colore con nome più vicino · #3E7291
#3E7291
Colore con nome più vicino: Harbour Blue
#3E7291 (rgb(62 114 145), hsl(202 40% 41%), oklch(0.529 0.074 236.6)) è più vicino al colore con nome Harbour Blue. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3E7291
oklch(0.529 0.074 236.6)
Conversioni di colore
- HEX
- #3e7291
- RGB
- rgb(62 114 145)
- HSL
- hsl(202 40% 41%)
- HWB
- hwb(202 24% 43%)
- OKLCH
- oklch(0.529 0.074 236.6)
- OKLab
- oklab(0.529 -0.041 -0.062)
- CIE Lab
- lab(45.43 -10.84 -22.66)
- LCH
- lch(45.43 25.12 244.4)
- CMYK
- cmyk(57% 21% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 517F9C
- 648DA7
- 779BB2
- 8AA9BC
- 9DB7C7
- B0C5D2
- C4D3DE
- D7E2E9
- EBF0F4
Ombre
- 35627D
- 2B536A
- 234458
- 1A3646
- 122835
- 0A1B25
- 040E15
- 010407
- 000101
Toni
- 467490
- 4D758E
- 54778C
- 5B788B
- 617A89
- 687B87
- 6E7C86
- 747E84
- 7A7F82
Armonie di colore
Complementare +180°
- 3E7291
Harbour Blue
- 8C6040
≈ Brilliant Oak
Analogo -30° +30°
- 3E7291
Harbour Blue
- 2C7881
≈ Blue Kelp
- 586A97
≈ UCLA Blue
Triadico +120° +240°
- 3E7291
Harbour Blue
- 8E596C
≈ Majestic Orchid
- 69713E
≈ Cedar Green
Complementare divisa +150° +210°
- 3E7291
Harbour Blue
- 925A54
≈ Rich Brocade
- 7E6936
≈ By Gum
Tetradico +90° +180° +270°
- 3E7291
Harbour Blue
- 825C82
≈ Trendy Pink
- 8C6040
≈ Brilliant Oak
- 4E7752
≈ Killarney
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.02:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--harbour-blue: #3e7291;
--harbour-blue-rgb: 62 114 145;
--harbour-blue-oklch: oklch(0.529 0.074 236.6);
}
.element {
color: var(--harbour-blue);
background-color: hsl(202 40% 41%);
border-color: oklch(0.529 0.074 236.6);
}Tailwind CSS v4
@theme {
--color-harbour-blue: #3e7291;
--color-harbour-blue-50: #e3f9ff;
--color-harbour-blue-100: #d2ecfe;
--color-harbour-blue-200: #b8d9f1;
--color-harbour-blue-300: #95bdda;
--color-harbour-blue-400: #74a6c5;
--color-harbour-blue-500: #538eb1;
--color-harbour-blue-600: #477896;
--color-harbour-blue-700: #396078;
--color-harbour-blue-800: #274758;
--color-harbour-blue-900: #1a313e;
--color-harbour-blue-950: #0a1d27;
}SCSS
$harbour-blue: #3e7291;
$harbour-blue-rgb: 62, 114, 145;
$harbour-blue-light: mix(#fff, $harbour-blue, 20%);
$harbour-blue-dark: mix(#000, $harbour-blue, 20%);
.element {
color: $harbour-blue;
box-shadow: 0 0 0 2px rgba($harbour-blue, 0.35);
}