Cor nomeada mais próxima · #7CB8FB
#7CB8FB
Cor nomeada mais próxima: Cooler Than Ever
#7CB8FB (rgb(124 184 251), hsl(212 94% 74%), oklch(0.768 0.115 252)) é mais próxima da cor nomeada Cooler Than Ever. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#7CB8FB
oklch(0.768 0.115 252)
Conversões de cor
- HEX
- #7cb8fb
- RGB
- rgb(124 184 251)
- HSL
- hsl(212 94% 74%)
- HWB
- hwb(212 49% 2%)
- OKLCH
- oklch(0.768 0.115 252)
- OKLab
- oklab(0.768 -0.035 -0.11)
- CIE Lab
- lab(72.69 -6.15 -39.8)
- LCH
- lch(72.69 40.28 261.2)
- CMYK
- cmyk(51% 27% 0% 2%)
Tons claros · Sombras · Tons
Tons claros
- 8ABFFC
- 97C7FD
- A4CEFD
- B1D5FE
- BEDCFF
- CBE3FF
- D8EAFF
- E5F1FF
- F2F8FF
Sombras
- 6BA0DA
- 5A88BA
- 4A719C
- 3B5B7E
- 2C4561
- 1E3146
- 111E2D
- 050C15
- 010203
Tons
- 7DB3EE
- 7EADE2
- 7FA7D5
- 80A2C9
- 809CBD
- 8097B0
- 8091A4
- 808B98
- 80868C
Harmonias de cor
Complementar +180°
- 7CB8FB
Cooler Than Ever
- E1A75C
≈ Earth Yellow
Análoga -30° +30°
- 7CB8FB
Cooler Than Ever
- 50C4E8
≈ Clean Pool
- A8AAFB
≈ Shy Moment
Tríade +120° +240°
- 7CB8FB
Cooler Than Ever
- F394A0
≈ Cherry Foam
- 98C375
≈ Lime Parfait
Complementar dividida +150° +210°
- 7CB8FB
Cooler Than Ever
- F29A78
≈ Orange Pecan
- C2B65A
≈ Tarpon Green
Tétrade +90° +180° +270°
- 7CB8FB
Cooler Than Ever
- E696C8
≈ Crepe Myrtle
- E1A75C
≈ Earth Yellow
- 68CB9D
≈ Intense Jade
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.10:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--cooler-than-ever: #7cb8fb;
--cooler-than-ever-rgb: 124 184 251;
--cooler-than-ever-oklch: oklch(0.768 0.115 252);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(212 94% 74%);
border-color: oklch(0.768 0.115 252);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #7cb8fb;
--color-cooler-than-ever-50: #dff8ff;
--color-cooler-than-ever-100: #ceebff;
--color-cooler-than-ever-200: #b3d8ff;
--color-cooler-than-ever-300: #8ebbf2;
--color-cooler-than-ever-400: #6aa2e1;
--color-cooler-than-ever-500: #4889d0;
--color-cooler-than-ever-600: #3e74af;
--color-cooler-than-ever-700: #315d8d;
--color-cooler-than-ever-800: #204568;
--color-cooler-than-ever-900: #152f49;
--color-cooler-than-ever-950: #061c30;
}SCSS
$cooler-than-ever: #7cb8fb;
$cooler-than-ever-rgb: 124, 184, 251;
$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);
}