Màu có tên gần nhất · #829DBA
#829DBA
Màu có tên gần nhất: Sailing
#829DBA (rgb(130 157 186), hsl(211 29% 62%), oklch(0.686 0.053 250.4)) gần nhất với màu có tên Sailing. 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.
#829DBA
oklch(0.686 0.053 250.4)
Chuyển đổi màu
- HEX
- #829dba
- RGB
- rgb(130 157 186)
- HSL
- hsl(211 29% 62%)
- HWB
- hwb(211 51% 27%)
- OKLCH
- oklch(0.686 0.053 250.4)
- OKLab
- oklab(0.686 -0.018 -0.05)
- CIE Lab
- lab(63.44 -4.56 -18.36)
- LCH
- lch(63.44 18.92 256)
- CMYK
- cmyk(30% 16% 0% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8EA6C1
- 9AB0C8
- A6BACF
- B3C3D6
- BFCDDC
- CCD7E3
- D8E1EA
- E5EBF1
- F2F5F8
Sắc đậm
- 7088A1
- 5F7389
- 4E5F72
- 3E4C5C
- 2F3A46
- 202832
- 12181E
- 06090D
- 010102
Sắc xám
- 829AB4
- 8297AE
- 8294A8
- 8291A3
- 818F9D
- 818C97
- 818991
- 81868C
- 808386
Hòa sắc
Bổ túc +180°
- 829DBA
Sailing
- AF9577
≈ Coffee Kiss
Tương đồng -30° +30°
- 829DBA
Sailing
- 76A2B1
≈ Bosco Blue
- 9397BB
≈ Thistle Down
Bộ ba +120° +240°
- 829DBA
Sailing
- B88D92
≈ Rose Brown
- 8FA17F
≈ Mistletoe
Bổ túc chia +150° +210°
- 829DBA
Sailing
- B79082
≈ Rosetta
- A19B76
≈ Tallow
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.80:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.48:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--sailing: #829dba;
--sailing-rgb: 130 157 186;
--sailing-oklch: oklch(0.686 0.053 250.4);
}
.element {
color: var(--sailing);
background-color: hsl(211 29% 62%);
border-color: oklch(0.686 0.053 250.4);
}Tailwind CSS v4
@theme {
--color-sailing: #829dba;
--color-sailing-50: #ebf7ff;
--color-sailing-100: #dce9fa;
--color-sailing-200: #c5d6eb;
--color-sailing-300: #a5bad2;
--color-sailing-400: #88a1bd;
--color-sailing-500: #6c89a8;
--color-sailing-600: #5c748e;
--color-sailing-700: #495d72;
--color-sailing-800: #344454;
--color-sailing-900: #232f3b;
--color-sailing-950: #121c25;
}SCSS
$sailing: #829dba;
$sailing-rgb: 130, 157, 186;
$sailing-light: mix(#fff, $sailing, 20%);
$sailing-dark: mix(#000, $sailing, 20%);
.element {
color: $sailing;
box-shadow: 0 0 0 2px rgba($sailing, 0.35);
}