Color con nombre más cercano · #539E98
#539E98
Color con nombre más cercano: Lagoon
#539E98 (rgb(83 158 152), hsl(175 31% 47%), oklch(0.649 0.076 188.7)) se parece más al color con nombre Lagoon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#539E98
oklch(0.649 0.076 188.7)
Conversiones de color
- HEX
- #539e98
- RGB
- rgb(83 158 152)
- HSL
- hsl(175 31% 47%)
- HWB
- hwb(175 33% 38%)
- OKLCH
- oklch(0.649 0.076 188.7)
- OKLab
- oklab(0.649 -0.075 -0.011)
- CIE Lab
- lab(60.19 -25.55 -4.49)
- LCH
- lch(60.19 25.94 190)
- CMYK
- cmyk(47% 0% 4% 38%)
Tintes · Sombras · Tonos
Tintes
- 66A8A2
- 78B1AC
- 89BBB6
- 9AC4C0
- ABCECA
- BCD8D5
- CCE1DF
- DDEBEA
- EEF5F4
Sombras
- 478984
- 3B7470
- 30605C
- 254D4A
- 1B3A38
- 112927
- 081817
- 020908
- 000101
Tonos
- 599B96
- 5F9893
- 659591
- 69928E
- 6E8F8C
- 728C8A
- 768987
- 798685
- 7D8382
Armonías de color
Complementario +180°
- 539E98
Lagoon
- B87C85
≈ Fiesta Rojo
Análogo -30° +30°
- 539E98
Lagoon
- 669D7E
≈ Dying Moss
- 559AAE
≈ Starflower Blue
Triádico +120° +240°
- 539E98
Lagoon
- 9C83B2
≈ Peony Mauve
- AE875C
≈ Autumn
Complementario dividido +150° +210°
- 539E98
Lagoon
- AE7D9F
≈ Antique Hot Pink
- B87F6D
≈ Western Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.12:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.71:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--lagoon: #539e98;
--lagoon-rgb: 83 158 152;
--lagoon-oklch: oklch(0.649 0.076 188.7);
}
.element {
color: var(--lagoon);
background-color: hsl(175 31% 47%);
border-color: oklch(0.649 0.076 188.7);
}Tailwind CSS v4
@theme {
--color-lagoon: #539e98;
--color-lagoon-50: #defdfa;
--color-lagoon-100: #ccf0ee;
--color-lagoon-200: #b0dfdc;
--color-lagoon-300: #8ac4c0;
--color-lagoon-400: #67ada7;
--color-lagoon-500: #409690;
--color-lagoon-600: #387f7a;
--color-lagoon-700: #2c6661;
--color-lagoon-800: #1f4b47;
--color-lagoon-900: #143431;
--color-lagoon-950: #061f1d;
}SCSS
$lagoon: #539e98;
$lagoon-rgb: 83, 158, 152;
$lagoon-light: mix(#fff, $lagoon, 20%);
$lagoon-dark: mix(#000, $lagoon, 20%);
.element {
color: $lagoon;
box-shadow: 0 0 0 2px rgba($lagoon, 0.35);
}