Color con nombre · #77BBFF
Cooler Than Ever
Cooler Than Ever es #77BBFF: rgb(119 187 255), hsl(210 100% 73%), oklch(0.774 0.12 249.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Cooler Than Ever color name →
#77BBFF
oklch(0.774 0.12 249.6)
Conversiones de color
- HEX
- #77bbff
- RGB
- rgb(119 187 255)
- HSL
- hsl(210 100% 73%)
- HWB
- hwb(210 47% 0%)
- OKLCH
- oklch(0.774 0.12 249.6)
- OKLab
- oklab(0.774 -0.042 -0.112)
- CIE Lab
- lab(73.41 -7.91 -40.86)
- LCH
- lch(73.41 41.62 259)
- CMYK
- cmyk(53% 27% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 85C2FF
- 93C9FF
- A1D0FF
- AFD7FF
- BCDEFF
- CAE4FF
- D7EBFF
- E4F2FF
- F2F8FF
Sombras
- 67A2DE
- 578ABE
- 47739E
- 385C80
- 2A4663
- 1C3248
- 101F2E
- 050D16
- 010203
Tonos
- 79B5F2
- 7BAFE5
- 7CAAD8
- 7DA4CB
- 7E9EBF
- 7F98B2
- 8092A5
- 808C99
- 80868C
Armonías de color
Complementario +180°
- 77BBFF
Cooler Than Ever
- E7A75A
≈ Apricot Sorbet
Análogo -30° +30°
- 77BBFF
Cooler Than Ever
- 47C7EA
≈ Picnic Day Sky
- A6ADFF
≈ Shy Moment
Triádico +120° +240°
- 77BBFF
Cooler Than Ever
- F794A4
≈ Cherry Foam
- 9DC570
≈ Lime Parfait
Complementario dividido +150° +210°
- 77BBFF
Cooler Than Ever
- F79A7A
≈ Orange Pecan
- C8B755
≈ Almond Puff
Tetrádico +90° +180° +270°
- 77BBFF
Cooler Than Ever
- E897CE
≈ Blossoms in Spring
- E7A75A
≈ Apricot Sorbet
- 69CD9A
≈ Van Gogh Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.03:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.33:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.33:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--cooler-than-ever: #77bbff;
--cooler-than-ever-rgb: 119 187 255;
--cooler-than-ever-oklch: oklch(0.774 0.12 249.6);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(210 100% 73%);
border-color: oklch(0.774 0.12 249.6);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #77bbff;
--color-cooler-than-ever-50: #ddf8ff;
--color-cooler-than-ever-100: #cbebff;
--color-cooler-than-ever-200: #afd8ff;
--color-cooler-than-ever-300: #8abcf3;
--color-cooler-than-ever-400: #64a3e2;
--color-cooler-than-ever-500: #3e8ad2;
--color-cooler-than-ever-600: #3675b1;
--color-cooler-than-ever-700: #2b5e8e;
--color-cooler-than-ever-800: #1b456a;
--color-cooler-than-ever-900: #12304a;
--color-cooler-than-ever-950: #041c31;
}SCSS
$cooler-than-ever: #77bbff;
$cooler-than-ever-rgb: 119, 187, 255;
$cooler-than-ever-light: mix(#fff, $cooler-than-ever, 20%);
$cooler-than-ever-dark: mix(#000, $cooler-than-ever, 20%);
.element {
color: $cooler-than-ever;
box-shadow: 0 0 0 2px rgba($cooler-than-ever, 0.35);
}