Color con nombre más cercano · #58779A
#58779A
Color con nombre más cercano: Quiet Harbour
#58779A (rgb(88 119 154), hsl(212 27% 47%), oklch(0.56 0.065 252)) se parece más al color con nombre Quiet Harbour. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#58779A
oklch(0.56 0.065 252)
Conversiones de color
- HEX
- #58779a
- RGB
- rgb(88 119 154)
- HSL
- hsl(212 27% 47%)
- HWB
- hwb(212 35% 40%)
- OKLCH
- oklch(0.56 0.065 252)
- OKLab
- oklab(0.56 -0.02 -0.062)
- CIE Lab
- lab(48.7 -4.24 -22.78)
- LCH
- lch(48.7 23.17 259.5)
- CMYK
- cmyk(43% 23% 0% 40%)
Tintes · Sombras · Tonos
Tintes
- 6884A4
- 7891AE
- 889EB8
- 98ACC2
- A9B9CC
- BAC7D6
- CBD5E0
- DCE3EB
- EDF1F5
Sombras
- 4B6785
- 3F5771
- 33475E
- 28384B
- 1D2A39
- 121C27
- 091017
- 030509
- 000101
Tonos
- 5C7898
- 607995
- 657A93
- 697B90
- 6D7C8E
- 717D8B
- 747E88
- 787E86
- 7C7F83
Armonías de color
Complementario +180°
- 58779A
Quiet Harbour
- 8C6E49
≈ Grecian Helmet
Análogo -30° +30°
- 58779A
Quiet Harbour
- 467D90
≈ Aristocratic
- 6E709A
≈ Silk Crepe Mauve
Triádico +120° +240°
- 58779A
Quiet Harbour
- 97646A
≈ Soft Bromeliad
- 667D54
≈ Mint Leaves
Complementario dividido +150° +210°
- 58779A
Quiet Harbour
- 966856
≈ Bucking Bronco
- 7C7648
≈ Tree Hugger
Tetrádico +90° +180° +270°
- 58779A
Quiet Harbour
- 8F657F
≈ Sweet Violet
- 8C6E49
≈ Grecian Helmet
- 508169
≈ Tournament Field
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.64:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.52:1 · APCA Lc 29
Mejor color de texto: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--quiet-harbour: #58779a;
--quiet-harbour-rgb: 88 119 154;
--quiet-harbour-oklch: oklch(0.56 0.065 252);
}
.element {
color: var(--quiet-harbour);
background-color: hsl(212 27% 47%);
border-color: oklch(0.56 0.065 252);
}Tailwind CSS v4
@theme {
--color-quiet-harbour: #58779a;
--color-quiet-harbour-50: #e9f7ff;
--color-quiet-harbour-100: #d9eafe;
--color-quiet-harbour-200: #c2d6f0;
--color-quiet-harbour-300: #a1bad9;
--color-quiet-harbour-400: #83a1c5;
--color-quiet-harbour-500: #6689b1;
--color-quiet-harbour-600: #577495;
--color-quiet-harbour-700: #455d78;
--color-quiet-harbour-800: #314458;
--color-quiet-harbour-900: #212f3e;
--color-quiet-harbour-950: #101c27;
}SCSS
$quiet-harbour: #58779a;
$quiet-harbour-rgb: 88, 119, 154;
$quiet-harbour-light: mix(#fff, $quiet-harbour, 20%);
$quiet-harbour-dark: mix(#000, $quiet-harbour, 20%);
.element {
color: $quiet-harbour;
box-shadow: 0 0 0 2px rgba($quiet-harbour, 0.35);
}