Màu có tên gần nhất · #7EBBF9
#7EBBF9
Màu có tên gần nhất: Cooler Than Ever
#7EBBF9 (rgb(126 187 249), hsl(210 91% 74%), oklch(0.775 0.109 249.8)) 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.
#7EBBF9
oklch(0.775 0.109 249.8)
Chuyển đổi màu
- HEX
- #7ebbf9
- RGB
- rgb(126 187 249)
- HSL
- hsl(210 91% 74%)
- HWB
- hwb(210 49% 2%)
- OKLCH
- oklch(0.775 0.109 249.8)
- OKLab
- oklab(0.775 -0.038 -0.103)
- CIE Lab
- lab(73.55 -7.62 -37.39)
- LCH
- lch(73.55 38.16 258.5)
- CMYK
- cmyk(49% 25% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8BC2FA
- 99C9FB
- A5D0FC
- B2D7FD
- BFDEFD
- CCE4FE
- D9EBFE
- E5F2FF
- F2F8FF
Sắc đậm
- 6DA2D9
- 5C8AB9
- 4C739A
- 3C5C7D
- 2D4661
- 1F3246
- 111F2C
- 050D15
- 010203
Sắc xám
- 7FB5ED
- 80AFE0
- 80A9D4
- 81A4C8
- 819EBC
- 8198B0
- 8192A4
- 818C98
- 81868C
Hòa sắc
Bổ túc +180°
- 7EBBF9
Cooler Than Ever
- E3A965
≈ Earth Yellow
Tương đồng -30° +30°
- 7EBBF9
Cooler Than Ever
- 58C6E6
≈ Candid Blue
- A8AEFB
≈ Shy Moment
Bộ ba +120° +240°
- 7EBBF9
Cooler Than Ever
- F298A6
≈ Piggy
- 9FC478
≈ Opaline Green
Bổ túc chia +150° +210°
- 7EBBF9
Cooler Than Ever
- F29D80
≈ Cumquat Cream
- C6B761
≈ Almond Puff
Bộ bốn +90° +180° +270°
- 7EBBF9
Cooler Than Ever
- E59ACC
≈ Blossoms in Spring
- E3A965
≈ Earth Yellow
- 72CB9D
≈ Jocose Jade
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.02:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.36:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--cooler-than-ever: #7ebbf9;
--cooler-than-ever-rgb: 126 187 249;
--cooler-than-ever-oklch: oklch(0.775 0.109 249.8);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(210 91% 74%);
border-color: oklch(0.775 0.109 249.8);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #7ebbf9;
--color-cooler-than-ever-50: #dff8ff;
--color-cooler-than-ever-100: #ceebff;
--color-cooler-than-ever-200: #b3d8ff;
--color-cooler-than-ever-300: #8ebbee;
--color-cooler-than-ever-400: #6aa3dd;
--color-cooler-than-ever-500: #478acb;
--color-cooler-than-ever-600: #3d75ac;
--color-cooler-than-ever-700: #315e8a;
--color-cooler-than-ever-800: #204566;
--color-cooler-than-ever-900: #153048;
--color-cooler-than-ever-950: #061c2f;
}SCSS
$cooler-than-ever: #7ebbf9;
$cooler-than-ever-rgb: 126, 187, 249;
$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);
}