Màu có tên gần nhất · #456090
#456090
Màu có tên gần nhất: Sea of Galilee
#456090 (rgb(69 96 144), hsl(218 35% 42%), oklch(0.49 0.084 261.4)) gần nhất với màu có tên Sea of Galilee. 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.
#456090
oklch(0.49 0.084 261.4)
Chuyển đổi màu
- HEX
- #456090
- RGB
- rgb(69 96 144)
- HSL
- hsl(218 35% 42%)
- HWB
- hwb(218 27% 44%)
- OKLCH
- oklch(0.49 0.084 261.4)
- OKLab
- oklab(0.49 -0.013 -0.083)
- CIE Lab
- lab(40.25 0.71 -30.04)
- LCH
- lch(40.25 30.05 271.4)
- CMYK
- cmyk(52% 33% 0% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 566F9B
- 677EA6
- 798EB1
- 8B9DBD
- 9EADC8
- B1BDD3
- C4CDDE
- D7DEE9
- EBEEF4
Sắc đậm
- 3B527D
- 31456A
- 273857
- 1E2C45
- 152034
- 0C1524
- 050A15
- 020307
- 000001
Sắc xám
- 4B638F
- 51678D
- 576A8C
- 5D6D8B
- 627189
- 687487
- 6E7786
- 747A84
- 7A7D82
Hòa sắc
Bổ túc +180°
- 456090
Sea of Galilee
- 785B20
≈ Brassy Brass
Tương đồng -30° +30°
- 456090
Sea of Galilee
- 226887
≈ Sea Goddess
- 61578C
≈ Wool Violet
Bộ ba +120° +240°
- 456090
Sea of Galilee
- 8A4C4B
≈ Lotus
- 446C3E
≈ Under the Radar
Bổ túc chia +150° +210°
- 456090
Sea of Galilee
- 865231
≈ Charred Clay
- 626527
≈ Deathworld Forest
Bộ bốn +90° +180° +270°
- 456090
Sea of Galilee
- 844B66
≈ Damson
- 785B20
≈ Brassy Brass
- 1F705A
≈ Sparkling Emerald
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.30:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.32:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--sea-of-galilee: #456090;
--sea-of-galilee-rgb: 69 96 144;
--sea-of-galilee-oklch: oklch(0.49 0.084 261.4);
}
.element {
color: var(--sea-of-galilee);
background-color: hsl(218 35% 42%);
border-color: oklch(0.49 0.084 261.4);
}Tailwind CSS v4
@theme {
--color-sea-of-galilee: #456090;
--color-sea-of-galilee-50: #e9f6ff;
--color-sea-of-galilee-100: #d9e8ff;
--color-sea-of-galilee-200: #c2d5f9;
--color-sea-of-galilee-300: #a1b8e3;
--color-sea-of-galilee-400: #839fd1;
--color-sea-of-galilee-500: #6786be;
--color-sea-of-galilee-600: #5772a0;
--color-sea-of-galilee-700: #455b81;
--color-sea-of-galilee-800: #31435f;
--color-sea-of-galilee-900: #212e43;
--color-sea-of-galilee-950: #101b2b;
}SCSS
$sea-of-galilee: #456090;
$sea-of-galilee-rgb: 69, 96, 144;
$sea-of-galilee-light: mix(#fff, $sea-of-galilee, 20%);
$sea-of-galilee-dark: mix(#000, $sea-of-galilee, 20%);
.element {
color: $sea-of-galilee;
box-shadow: 0 0 0 2px rgba($sea-of-galilee, 0.35);
}