Màu có tên gần nhất · #80C0FD
#80C0FD
Màu có tên gần nhất: Cooler Than Ever
#80C0FD (rgb(128 192 253), hsl(209 97% 75%), oklch(0.788 0.109 248.2)) gần nhất với màu có tên Cooler Than Ever. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#80C0FD
oklch(0.788 0.109 248.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8DC7FE
- 9ACDFE
- A7D3FF
- B4DAFF
- C0E0FF
- CDE6FF
- DAEDFF
- E6F3FF
- F3F9FF
Sắc đậm
- 6EA7DC
- 5D8EBC
- 4D769D
- 3D5F7F
- 2E4962
- 1F3447
- 12202D
- 060E16
- 010203
Sắc xám
- 81BAF0
- 82B3E3
- 82ADD7
- 82A6CA
- 82A0BE
- 829AB1
- 8293A5
- 818D98
- 81868C
Hòa sắc
Bổ túc +180°
- 80C0FD
Cooler Than Ever
- E8AD6A
≈ Gilt Trip
Tương đồng -30° +30°
- 80C0FD
Cooler Than Ever
- 5BCBE9
≈ Hawaiian Breeze
- AAB3FF
≈ Winterspring Lilac
Bộ ba +120° +240°
- 80C0FD
Cooler Than Ever
- F69CAC
≈ Sweet 60
- A5C87A
≈ Fiddle-Leaf Fig
Bổ túc chia +150° +210°
- 80C0FD
Cooler Than Ever
- F7A186
≈ Tropical Paradise
- CCBB64
≈ The Weight of Gold
Bộ bốn +90° +180° +270°
- 80C0FD
Cooler Than Ever
- E89ED2
≈ Blossoms in Spring
- E8AD6A
≈ Gilt Trip
- 79CF9F
≈ Garden Glow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.93:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.87:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.87:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
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);
}