Màu có tên gần nhất · #7CB8FB
#7CB8FB
Màu có tên gần nhất: Cooler Than Ever
#7CB8FB (rgb(124 184 251), hsl(212 94% 74%), oklch(0.768 0.115 252)) 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.
#7CB8FB
oklch(0.768 0.115 252)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8ABFFC
- 97C7FD
- A4CEFD
- B1D5FE
- BEDCFF
- CBE3FF
- D8EAFF
- E5F1FF
- F2F8FF
Sắc đậm
- 6BA0DA
- 5A88BA
- 4A719C
- 3B5B7E
- 2C4561
- 1E3146
- 111E2D
- 050C15
- 010203
Sắc xám
- 7DB3EE
- 7EADE2
- 7FA7D5
- 80A2C9
- 809CBD
- 8097B0
- 8091A4
- 808B98
- 80868C
Hòa sắc
Bổ túc +180°
- 7CB8FB
Cooler Than Ever
- E1A75C
≈ Earth Yellow
Tương đồng -30° +30°
- 7CB8FB
Cooler Than Ever
- 50C4E8
≈ Clean Pool
- A8AAFB
≈ Shy Moment
Bộ ba +120° +240°
- 7CB8FB
Cooler Than Ever
- F394A0
≈ Cherry Foam
- 98C375
≈ Lime Parfait
Bổ túc chia +150° +210°
- 7CB8FB
Cooler Than Ever
- F29A78
≈ Orange Pecan
- C2B65A
≈ Tarpon Green
Bộ bốn +90° +180° +270°
- 7CB8FB
Cooler Than Ever
- E696C8
≈ Crepe Myrtle
- E1A75C
≈ Earth Yellow
- 68CB9D
≈ Intense Jade
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.07:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.10:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
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);
}