Màu có tên gần nhất · #7E9EC0
#7E9EC0
Màu có tên gần nhất: High Tide
#7E9EC0 (rgb(126 158 192), hsl(211 34% 62%), oklch(0.688 0.062 250.3)) gần nhất với màu có tên High Tide. 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.
#7E9EC0
oklch(0.688 0.062 250.3)
Chuyển đổi màu
- HEX
- #7e9ec0
- RGB
- rgb(126 158 192)
- HSL
- hsl(211 34% 62%)
- HWB
- hwb(211 49% 25%)
- OKLCH
- oklch(0.688 0.062 250.3)
- OKLab
- oklab(0.688 -0.021 -0.058)
- CIE Lab
- lab(63.63 -5.16 -21.44)
- LCH
- lch(63.63 22.05 256.5)
- CMYK
- cmyk(34% 18% 0% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8AA7C6
- 97B1CD
- A4BBD3
- B0C4D9
- BDCEE0
- CAD8E6
- D7E1EC
- E4EBF3
- F2F5F9
Sắc đậm
- 6D89A7
- 5C748E
- 4C6076
- 3C4D5F
- 2D3A49
- 1F2934
- 111820
- 05090E
- 010102
Sắc xám
- 7E9BBA
- 7F98B3
- 7F95AD
- 7F92A6
- 808FA0
- 808C99
- 808993
- 80868D
- 808386
Hòa sắc
Bổ túc +180°
- 7E9EC0
High Tide
- B49471
≈ Keystone
Tương đồng -30° +30°
- 7E9EC0
High Tide
- 6FA4B5
≈ Estuary Blue
- 9397C1
≈ Grape Ivy
Bộ ba +120° +240°
- 7E9EC0
High Tide
- BD8B92
≈ Rosenkavalier
- 8EA37B
≈ Broccoflower
Bổ túc chia +150° +210°
- 7E9EC0
High Tide
- BD8E7E
≈ Foxen
- A39C70
≈ Westcar Papyrus
Bộ bốn +90° +180° +270°
- 7E9EC0
High Tide
- B58CA7
≈ Fashionably Plum
- B49471
≈ Keystone
- 79A78E
≈ Free Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.78:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.53:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--high-tide: #7e9ec0;
--high-tide-rgb: 126 158 192;
--high-tide-oklch: oklch(0.688 0.062 250.3);
}
.element {
color: var(--high-tide);
background-color: hsl(211 34% 62%);
border-color: oklch(0.688 0.062 250.3);
}Tailwind CSS v4
@theme {
--color-high-tide: #7e9ec0;
--color-high-tide-50: #e9f7ff;
--color-high-tide-100: #daeafd;
--color-high-tide-200: #c2d7ef;
--color-high-tide-300: #a1bad7;
--color-high-tide-400: #83a2c2;
--color-high-tide-500: #678aae;
--color-high-tide-600: #577493;
--color-high-tide-700: #465d76;
--color-high-tide-800: #314457;
--color-high-tide-900: #212f3d;
--color-high-tide-950: #111c26;
}SCSS
$high-tide: #7e9ec0;
$high-tide-rgb: 126, 158, 192;
$high-tide-light: mix(#fff, $high-tide, 20%);
$high-tide-dark: mix(#000, $high-tide, 20%);
.element {
color: $high-tide;
box-shadow: 0 0 0 2px rgba($high-tide, 0.35);
}