Color con nombre más cercano · #5EA4B9
#5EA4B9
Color con nombre más cercano: Surgical
#5EA4B9 (rgb(94 164 185), hsl(194 39% 55%), oklch(0.681 0.077 219.3)) se parece más al color con nombre Surgical. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#5EA4B9
oklch(0.681 0.077 219.3)
Conversiones de color
- HEX
- #5ea4b9
- RGB
- rgb(94 164 185)
- HSL
- hsl(194 39% 55%)
- HWB
- hwb(194 37% 27%)
- OKLCH
- oklch(0.681 0.077 219.3)
- OKLab
- oklab(0.681 -0.06 -0.049)
- CIE Lab
- lab(63.38 -18.64 -18.13)
- LCH
- lch(63.38 26.01 224.2)
- CMYK
- cmyk(49% 11% 0% 27%)
Tintes · Sombras · Tonos
Tintes
- 6FADC0
- 80B6C7
- 90BFCE
- A0C8D5
- B0D1DC
- C0DAE3
- CFE3EA
- DFEDF1
- EFF6F8
Sombras
- 518EA0
- 447989
- 376471
- 2B505B
- 1F3D46
- 142B31
- 0A1A1E
- 030A0D
- 000102
Tonos
- 63A0B3
- 679DAD
- 6B99A8
- 6F96A2
- 73929C
- 768F97
- 798B91
- 7B878B
- 7E8486
Armonías de color
Complementario +180°
- 5EA4B9
Surgical
- C28875
≈ Copper Trail
Análogo -30° +30°
- 5EA4B9
Surgical
- 5BA8A2
≈ Paradise Island
- 739DC6
≈ Blue Promise
Triádico +120° +240°
- 5EA4B9
Surgical
- B986A8
≈ Sunset Horizon
- A49A61
≈ Zandri Dust
Complementario dividido +150° +210°
- 5EA4B9
Surgical
- C3858E
≈ King’s Cloak
- B89064
≈ Tropical Wood
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--surgical: #5ea4b9;
--surgical-rgb: 94 164 185;
--surgical-oklch: oklch(0.681 0.077 219.3);
}
.element {
color: var(--surgical);
background-color: hsl(194 39% 55%);
border-color: oklch(0.681 0.077 219.3);
}Tailwind CSS v4
@theme {
--color-surgical: #5ea4b9;
--color-surgical-50: #defbff;
--color-surgical-100: #cdeefa;
--color-surgical-200: #b1dcec;
--color-surgical-300: #8bc1d3;
--color-surgical-400: #68aabe;
--color-surgical-500: #4292a9;
--color-surgical-600: #397c8f;
--color-surgical-700: #2e6372;
--color-surgical-800: #1f4954;
--color-surgical-900: #14333a;
--color-surgical-950: #061e25;
}SCSS
$surgical: #5ea4b9;
$surgical-rgb: 94, 164, 185;
$surgical-light: mix(#fff, $surgical, 20%);
$surgical-dark: mix(#000, $surgical, 20%);
.element {
color: $surgical;
box-shadow: 0 0 0 2px rgba($surgical, 0.35);
}