Color con nombre más cercano · #73C1D5
#73C1D5
Color con nombre más cercano: Skydive
#73C1D5 (rgb(115 193 213), hsl(192 54% 64%), oklch(0.768 0.082 216.1)) se parece más al color con nombre Skydive. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#73C1D5
oklch(0.768 0.082 216.1)
Conversiones de color
- HEX
- #73c1d5
- RGB
- rgb(115 193 213)
- HSL
- hsl(192 54% 64%)
- HWB
- hwb(192 45% 16%)
- OKLCH
- oklch(0.768 0.082 216.1)
- OKLab
- oklab(0.768 -0.066 -0.048)
- CIE Lab
- lab(73.6 -21.12 -18.01)
- LCH
- lch(73.6 27.76 220.5)
- CMYK
- cmyk(46% 9% 0% 16%)
Tintes · Sombras · Tonos
Tintes
- 82C7D9
- 91CEDE
- 9FD4E2
- AEDAE6
- BBE0EA
- C9E6EE
- D7EDF3
- E4F3F7
- F2F9FB
Sombras
- 63A7B9
- 548F9E
- 457783
- 365F6A
- 284951
- 1B343A
- 0F2024
- 050E10
- 010202
Tonos
- 76BACC
- 78B4C4
- 7AADBB
- 7CA7B2
- 7DA0AA
- 7E9AA1
- 7F9399
- 808D91
- 808688
Armonías de color
Complementario +180°
- 73C1D5
Skydive
- E2A18F
≈ Venetian Plaster
Análogo -30° +30°
- 73C1D5
Skydive
- 73C5BB
≈ Pale Jade
- 88B9E5
≈ C’est la Vie
Triádico +120° +240°
- 73C1D5
Skydive
- D6A0C7
≈ Pastel Lavender
- C3B477
≈ Cool Avocado
Complementario dividido +150° +210°
- 73C1D5
Skydive
- E19EAB
≈ Nana’s Rose
- D8A97B
≈ Band-Aid
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.03:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.31:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.31:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--skydive: #73c1d5;
--skydive-rgb: 115 193 213;
--skydive-oklch: oklch(0.768 0.082 216.1);
}
.element {
color: var(--skydive);
background-color: hsl(192 54% 64%);
border-color: oklch(0.768 0.082 216.1);
}Tailwind CSS v4
@theme {
--color-skydive: #73c1d5;
--color-skydive-50: #dcfbff;
--color-skydive-100: #cbeffa;
--color-skydive-200: #aeddec;
--color-skydive-300: #87c2d3;
--color-skydive-400: #62abbd;
--color-skydive-500: #3994a9;
--color-skydive-600: #327d8f;
--color-skydive-700: #286472;
--color-skydive-800: #1a4a54;
--color-skydive-900: #11333a;
--color-skydive-950: #031f24;
}SCSS
$skydive: #73c1d5;
$skydive-rgb: 115, 193, 213;
$skydive-light: mix(#fff, $skydive, 20%);
$skydive-dark: mix(#000, $skydive, 20%);
.element {
color: $skydive;
box-shadow: 0 0 0 2px rgba($skydive, 0.35);
}