Màu có tên gần nhất · #79C3FF
#79C3FF
Màu có tên gần nhất: Cooler Than Ever
#79C3FF (rgb(121 195 255), hsl(207 100% 74%), oklch(0.792 0.113 244.4)) 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.
#79C3FF
oklch(0.792 0.113 244.4)
Chuyển đổi màu
- HEX
- #79c3ff
- RGB
- rgb(121 195 255)
- HSL
- hsl(207 100% 74%)
- HWB
- hwb(207 47% 0%)
- OKLCH
- oklch(0.792 0.113 244.4)
- OKLab
- oklab(0.792 -0.049 -0.102)
- CIE Lab
- lab(75.72 -11.41 -37.28)
- LCH
- lch(75.72 38.99 253)
- CMYK
- cmyk(53% 24% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 88C9FF
- 96CFFF
- A3D6FF
- B1DCFF
- BEE2FF
- CBE8FF
- D8EEFF
- E5F3FF
- F2F9FF
Sắc đậm
- 68A9DE
- 5890BE
- 48789E
- 396080
- 2B4A63
- 1D3448
- 10202E
- 050E16
- 010203
Sắc xám
- 7BBCF2
- 7DB6E5
- 7EAFD8
- 7FA8CB
- 80A2BE
- 809BB2
- 8094A5
- 818D99
- 80878C
Hòa sắc
Bổ túc +180°
- 79C3FF
Cooler Than Ever
- EEAB6A
≈ Lion of Menecrates
Tương đồng -30° +30°
- 79C3FF
Cooler Than Ever
- 53CEE8
≈ Watercourse
- A7B6FF
≈ Truesky Gloxym
Bộ ba +120° +240°
- 79C3FF
Cooler Than Ever
- F99CB2
≈ Saira Red
- ABC875
≈ Sour Face
Bổ túc chia +150° +210°
- 79C3FF
Cooler Than Ever
- FBA08A
≈ Tangerine Cream
- D3BA61
≈ Tacha
Bộ bốn +90° +180° +270°
- 79C3FF
Cooler Than Ever
- E89FD9
≈ Plum Juice
- EEAB6A
≈ Lion of Menecrates
- 7DD19A
≈ Garden Glow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.89:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.06:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.06:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--cooler-than-ever: #79c3ff;
--cooler-than-ever-rgb: 121 195 255;
--cooler-than-ever-oklch: oklch(0.792 0.113 244.4);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(207 100% 74%);
border-color: oklch(0.792 0.113 244.4);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #79c3ff;
--color-cooler-than-ever-50: #dcf9ff;
--color-cooler-than-ever-100: #caecff;
--color-cooler-than-ever-200: #addaff;
--color-cooler-than-ever-300: #87bdee;
--color-cooler-than-ever-400: #60a5dd;
--color-cooler-than-ever-500: #388dcc;
--color-cooler-than-ever-600: #3177ac;
--color-cooler-than-ever-700: #275f8a;
--color-cooler-than-ever-800: #184666;
--color-cooler-than-ever-900: #0f3148;
--color-cooler-than-ever-950: #031d2f;
}SCSS
$cooler-than-ever: #79c3ff;
$cooler-than-ever-rgb: 121, 195, 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);
}