Najbliższy nazwany kolor · #80C0FD
#80C0FD
Najbliższy nazwany kolor: Cooler Than Ever
#80C0FD (rgb(128 192 253), hsl(209 97% 75%), oklch(0.788 0.109 248.2)) jest najbliższy nazwanemu kolorowi Cooler Than Ever. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#80C0FD
oklch(0.788 0.109 248.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8DC7FE
- 9ACDFE
- A7D3FF
- B4DAFF
- C0E0FF
- CDE6FF
- DAEDFF
- E6F3FF
- F3F9FF
Odcienie ciemniejsze
- 6EA7DC
- 5D8EBC
- 4D769D
- 3D5F7F
- 2E4962
- 1F3447
- 12202D
- 060E16
- 010203
Tony
- 81BAF0
- 82B3E3
- 82ADD7
- 82A6CA
- 82A0BE
- 829AB1
- 8293A5
- 818D98
- 81868C
Harmonie kolorów
Komplementarna +180°
- 80C0FD
Cooler Than Ever
- E8AD6A
≈ Gilt Trip
Analogowa -30° +30°
- 80C0FD
Cooler Than Ever
- 5BCBE9
≈ Hawaiian Breeze
- AAB3FF
≈ Winterspring Lilac
Triada +120° +240°
- 80C0FD
Cooler Than Ever
- F69CAC
≈ Sweet 60
- A5C87A
≈ Fiddle-Leaf Fig
Komplementarna rozszczepiona +150° +210°
- 80C0FD
Cooler Than Ever
- F7A186
≈ Tropical Paradise
- CCBB64
≈ The Weight of Gold
Tetrada +90° +180° +270°
- 80C0FD
Cooler Than Ever
- E89ED2
≈ Blossoms in Spring
- E8AD6A
≈ Gilt Trip
- 79CF9F
≈ Garden Glow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.93:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.87:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.87:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}