Couleur nommée la plus proche · #80C0FD
#80C0FD
Couleur nommée la plus proche: Cooler Than Ever
#80C0FD (rgb(128 192 253), hsl(209 97% 75%), oklch(0.788 0.109 248.2)) est la plus proche de la couleur nommée Cooler Than Ever. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#80C0FD
oklch(0.788 0.109 248.2)
Conversions de couleur
- HEX
- #80c0fd
- RGB
- rgb(128 192 253)
- HSL
- hsl(209 97% 75%)
- HWB
- hwb(209 50% 1%)
- OKLCH
- oklch(0.788 0.109 248.2)
- OKLab
- oklab(0.788 -0.041 -0.102)
- CIE Lab
- lab(75.17 -8.71 -37.03)
- LCH
- lch(75.17 38.04 256.8)
- CMYK
- cmyk(49% 24% 0% 1%)
Teintes · Ombres · Tons
Teintes
- 8DC7FE
- 9ACDFE
- A7D3FF
- B4DAFF
- C0E0FF
- CDE6FF
- DAEDFF
- E6F3FF
- F3F9FF
Ombres
- 6EA7DC
- 5D8EBC
- 4D769D
- 3D5F7F
- 2E4962
- 1F3447
- 12202D
- 060E16
- 010203
Tons
- 81BAF0
- 82B3E3
- 82ADD7
- 82A6CA
- 82A0BE
- 829AB1
- 8293A5
- 818D98
- 81868C
Harmonies de couleurs
Complémentaire +180°
- 80C0FD
Cooler Than Ever
- E8AD6A
≈ Gilt Trip
Analogue -30° +30°
- 80C0FD
Cooler Than Ever
- 5BCBE9
≈ Hawaiian Breeze
- AAB3FF
≈ Winterspring Lilac
Triadique +120° +240°
- 80C0FD
Cooler Than Ever
- F69CAC
≈ Sweet 60
- A5C87A
≈ Fiddle-Leaf Fig
Complémentaire divisée +150° +210°
- 80C0FD
Cooler Than Ever
- F7A186
≈ Tropical Paradise
- CCBB64
≈ The Weight of Gold
Tétradique +90° +180° +270°
- 80C0FD
Cooler Than Ever
- E89ED2
≈ Blossoms in Spring
- E8AD6A
≈ Gilt Trip
- 79CF9F
≈ Garden Glow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.93:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.87:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.87:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--cooler-than-ever: #80c0fd;
--cooler-than-ever-rgb: 128 192 253;
--cooler-than-ever-oklch: oklch(0.788 0.109 248.2);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(209 97% 75%);
border-color: oklch(0.788 0.109 248.2);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #80c0fd;
--color-cooler-than-ever-50: #def8ff;
--color-cooler-than-ever-100: #cdebff;
--color-cooler-than-ever-200: #b2d9ff;
--color-cooler-than-ever-300: #8dbcee;
--color-cooler-than-ever-400: #68a4dc;
--color-cooler-than-ever-500: #448bcb;
--color-cooler-than-ever-600: #3b76ab;
--color-cooler-than-ever-700: #2f5e89;
--color-cooler-than-ever-800: #1e4566;
--color-cooler-than-ever-900: #143048;
--color-cooler-than-ever-950: #051c2f;
}SCSS
$cooler-than-ever: #80c0fd;
$cooler-than-ever-rgb: 128, 192, 253;
$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);
}