Color con nombre más cercano · #6CD5FF
#6CD5FF
Color con nombre más cercano: Sky
#6CD5FF (rgb(108 213 255), hsl(197 100% 71%), oklch(0.826 0.114 226.8)) se parece más al color con nombre Sky. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6CD5FF
oklch(0.826 0.114 226.8)
Conversiones de color
- HEX
- #6cd5ff
- RGB
- rgb(108 213 255)
- HSL
- hsl(197 100% 71%)
- HWB
- hwb(197 42% 0%)
- OKLCH
- oklch(0.826 0.114 226.8)
- OKLab
- oklab(0.826 -0.078 -0.083)
- CIE Lab
- lab(80.24 -22.79 -30.43)
- LCH
- lch(80.24 38.02 233.2)
- CMYK
- cmyk(58% 16% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 7ED9FF
- 8EDEFF
- 9EE2FF
- ADE7FF
- BBEBFF
- C9EFFF
- D7F3FF
- E4F7FF
- F2FBFF
Sombras
- 5DB9DE
- 4E9EBE
- 40839E
- 326A80
- 255163
- 193A48
- 0D242E
- 041016
- 000203
Tonos
- 71CCF2
- 75C4E5
- 78BBD8
- 7BB3CB
- 7DAABE
- 7EA2B1
- 7F99A5
- 809199
- 80888C
Armonías de color
Complementario +180°
- 6CD5FF
Sky
- FFB18B
≈ Spice Pink
Análogo -30° +30°
- 6CD5FF
Sky
- 5ADDDF
≈ Neon Nazar
- A2C9FF
≈ Apocyan
Triádico +120° +240°
Complementario dividido +150° +210°
- 6CD5FF
Sky
- FFACB0
≈ Apricot Haze
- F0BC6D
≈ Brasso
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre negro
WCAG 12.59:1 · APCA Lc 74
Mejor color de texto: #000000
WCAG 12.59:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--sky: #6cd5ff;
--sky-rgb: 108 213 255;
--sky-oklch: oklch(0.826 0.114 226.8);
}
.element {
color: var(--sky);
background-color: hsl(197 100% 71%);
border-color: oklch(0.826 0.114 226.8);
}Tailwind CSS v4
@theme {
--color-sky: #6cd5ff;
--color-sky-50: #d5fcff;
--color-sky-100: #c1f0ff;
--color-sky-200: #a1defb;
--color-sky-300: #76c3e6;
--color-sky-400: #47acd2;
--color-sky-500: #0094c0;
--color-sky-600: #007da2;
--color-sky-700: #006482;
--color-sky-800: #004a60;
--color-sky-900: #003343;
--color-sky-950: #001f2b;
}SCSS
$sky: #6cd5ff;
$sky-rgb: 108, 213, 255;
$sky-light: mix(#fff, $sky, 20%);
$sky-dark: mix(#000, $sky, 20%);
.element {
color: $sky;
box-shadow: 0 0 0 2px rgba($sky, 0.35);
}