Color con nombre más cercano · #4FACBF
#4FACBF
Color con nombre más cercano: Viking
#4FACBF (rgb(79 172 191), hsl(190 47% 53%), oklch(0.696 0.092 213)) se parece más al color con nombre Viking. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#4FACBF
oklch(0.696 0.092 213)
Conversiones de color
- HEX
- #4facbf
- RGB
- rgb(79 172 191)
- HSL
- hsl(190 47% 53%)
- HWB
- hwb(190 31% 25%)
- OKLCH
- oklch(0.696 0.092 213)
- OKLab
- oklab(0.696 -0.077 -0.05)
- CIE Lab
- lab(65.34 -24.48 -18.59)
- LCH
- lch(65.34 30.74 217.2)
- CMYK
- cmyk(59% 10% 0% 25%)
Tintes · Sombras · Tonos
Tintes
- 64B4C5
- 77BDCC
- 89C5D2
- 9BCDD9
- ACD6DF
- BCDEE5
- CDE6EC
- DEEEF2
- EEF7F9
Sombras
- 4495A6
- 387F8D
- 2E6975
- 23545E
- 194048
- 102D33
- 071B1F
- 020B0D
- 000102
Tonos
- 57A8B9
- 5EA3B2
- 649FAC
- 699BA6
- 6E969F
- 739299
- 768D93
- 7A898C
- 7D8586
Armonías de color
Complementario +180°
- 4FACBF
Viking
- CF8878
≈ Muted Clay
Análogo -30° +30°
- 4FACBF
Viking
- 52B0A2
≈ Water Park
- 69A4D2
≈ Water Spirit
Triádico +120° +240°
- 4FACBF
Viking
- C088B6
≈ Dragonflies
- B19C58
≈ Viva Las Vegas
Complementario dividido +150° +210°
- 4FACBF
Viking
- CD8597
≈ Puce
- C6905F
≈ Mid Tan
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.62:1 · APCA Lc 51
Ag
AAASobre negro
WCAG 7.98:1 · APCA Lc 51
Mejor color de texto: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmentos de código
CSS
:root {
--viking: #4facbf;
--viking-rgb: 79 172 191;
--viking-oklch: oklch(0.696 0.092 213);
}
.element {
color: var(--viking);
background-color: hsl(190 47% 53%);
border-color: oklch(0.696 0.092 213);
}Tailwind CSS v4
@theme {
--color-viking: #4facbf;
--color-viking-50: #d9fdff;
--color-viking-100: #c6f0fb;
--color-viking-200: #a8dfed;
--color-viking-300: #7fc4d5;
--color-viking-400: #56adbf;
--color-viking-500: #2296aa;
--color-viking-600: #207f90;
--color-viking-700: #1a6573;
--color-viking-800: #0f4b54;
--color-viking-900: #0a343b;
--color-viking-950: #001f25;
}SCSS
$viking: #4facbf;
$viking-rgb: 79, 172, 191;
$viking-light: mix(#fff, $viking, 20%);
$viking-dark: mix(#000, $viking, 20%);
.element {
color: $viking;
box-shadow: 0 0 0 2px rgba($viking, 0.35);
}