Color con nombre más cercano · #5F91A2
#5F91A2
Color con nombre más cercano: Cavolo Nero
#5F91A2 (rgb(95 145 162), hsl(195 26% 50%), oklch(0.628 0.059 221.4)) se parece más al color con nombre Cavolo Nero. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#5F91A2
oklch(0.628 0.059 221.4)
Conversiones de color
- HEX
- #5f91a2
- RGB
- rgb(95 145 162)
- HSL
- hsl(195 26% 50%)
- HWB
- hwb(195 37% 36%)
- OKLCH
- oklch(0.628 0.059 221.4)
- OKLab
- oklab(0.628 -0.044 -0.039)
- CIE Lab
- lab(57.11 -14 -14.62)
- LCH
- lch(57.11 20.24 226.2)
- CMYK
- cmyk(41% 10% 0% 36%)
Tintes · Sombras · Tonos
Tintes
- 6F9CAB
- 7FA6B4
- 8FB1BD
- 9EBCC7
- AEC7D0
- BED2D9
- CEDDE3
- DEE8EC
- EFF4F5
Sombras
- 527D8C
- 446A77
- 385863
- 2C464F
- 20353C
- 15252A
- 0A1519
- 03070A
- 000101
Tonos
- 638F9F
- 678E9B
- 6B8C98
- 6E8A94
- 718991
- 75878E
- 78858A
- 7A8487
- 7D8283
Armonías de color
Complementario +180°
- 5F91A2
Cavolo Nero
- A87D6D
≈ Fresh Cedar
Análogo -30° +30°
- 5F91A2
Cavolo Nero
- 5C9491
≈ Pauley
- 6E8BAC
≈ Windsurf Blue
Triádico +120° +240°
- 5F91A2
Cavolo Nero
- A27B93
≈ Valerian
- 908A60
≈ Enchanted Wood
Complementario dividido +150° +210°
- 5F91A2
Cavolo Nero
- A97A7F
≈ Mauve Madness
- 9F8361
≈ Mulled Cider
Tetrádico +90° +180° +270°
- 5F91A2
Cavolo Nero
- 947FA3
≈ Violet Chalk
- A87D6D
≈ Fresh Cedar
- 7C906B
≈ Saladin
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.46:1 · APCA Lc 62
Ag
AASobre negro
WCAG 6.05:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
CSS
:root {
--cavolo-nero: #5f91a2;
--cavolo-nero-rgb: 95 145 162;
--cavolo-nero-oklch: oklch(0.628 0.059 221.4);
}
.element {
color: var(--cavolo-nero);
background-color: hsl(195 26% 50%);
border-color: oklch(0.628 0.059 221.4);
}Tailwind CSS v4
@theme {
--color-cavolo-nero: #5f91a2;
--color-cavolo-nero-50: #e4f9ff;
--color-cavolo-nero-100: #d4edf7;
--color-cavolo-nero-200: #badae7;
--color-cavolo-nero-300: #97bfce;
--color-cavolo-nero-400: #77a7b7;
--color-cavolo-nero-500: #588fa2;
--color-cavolo-nero-600: #4b7989;
--color-cavolo-nero-700: #3b616e;
--color-cavolo-nero-800: #2a4750;
--color-cavolo-nero-900: #1c3138;
--color-cavolo-nero-950: #0c1d23;
}SCSS
$cavolo-nero: #5f91a2;
$cavolo-nero-rgb: 95, 145, 162;
$cavolo-nero-light: mix(#fff, $cavolo-nero, 20%);
$cavolo-nero-dark: mix(#000, $cavolo-nero, 20%);
.element {
color: $cavolo-nero;
box-shadow: 0 0 0 2px rgba($cavolo-nero, 0.35);
}