Màu có tên gần nhất · #819BD0
#819BD0
Màu có tên gần nhất: Wisteria Blue
#819BD0 (rgb(129 155 208), hsl(220 46% 66%), oklch(0.69 0.084 264.1)) gần nhất với màu có tên Wisteria Blue. 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.
#819BD0
oklch(0.69 0.084 264.1)
Chuyển đổi màu
- HEX
- #819bd0
- RGB
- rgb(129 155 208)
- HSL
- hsl(220 46% 66%)
- HWB
- hwb(220 51% 18%)
- OKLCH
- oklch(0.69 0.084 264.1)
- OKLab
- oklab(0.69 -0.009 -0.083)
- CIE Lab
- lab(63.51 0.61 -30.48)
- LCH
- lch(63.51 30.49 271.1)
- CMYK
- cmyk(38% 25% 0% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8DA5D5
- 99AFDA
- A5B9DF
- B2C3E4
- BECDE8
- CBD7ED
- D8E1F2
- E5EBF6
- F2F5FB
Sắc đậm
- 6F86B5
- 5E729A
- 4E5E80
- 3E4B67
- 2E394F
- 1F2839
- 121823
- 060910
- 010102
Sắc xám
- 8198C8
- 8196C0
- 8193B8
- 8191B0
- 818EA8
- 818BA0
- 818898
- 808690
- 808388
Hòa sắc
Bổ túc +180°
- 819BD0
Wisteria Blue
- B4975D
≈ Edgy Gold
Tương đồng -30° +30°
- 819BD0
Wisteria Blue
- 64A4C8
≈ Scott Base
- 9E91CB
≈ Distinct Purple
Bộ ba +120° +240°
- 819BD0
Wisteria Blue
- CA8782
≈ Sunstone
- 7BA97A
≈ Abomination
Bổ túc chia +150° +210°
- 819BD0
Wisteria Blue
- C48D69
≈ Hitching Post
- 9AA164
≈ Banana Palm
Bộ bốn +90° +180° +270°
- 819BD0
Wisteria Blue
- C5869F
≈ Winsome Rose
- B4975D
≈ Edgy Gold
- 5FAD97
≈ Water Park
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 {
--wisteria-blue: #819bd0;
--wisteria-blue-rgb: 129 155 208;
--wisteria-blue-oklch: oklch(0.69 0.084 264.1);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(220 46% 66%);
border-color: oklch(0.69 0.084 264.1);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #819bd0;
--color-wisteria-blue-50: #eaf5ff;
--color-wisteria-blue-100: #dbe8ff;
--color-wisteria-blue-200: #c4d4f9;
--color-wisteria-blue-300: #a3b7e3;
--color-wisteria-blue-400: #859ed1;
--color-wisteria-blue-500: #6a85be;
--color-wisteria-blue-600: #5a71a1;
--color-wisteria-blue-700: #485a81;
--color-wisteria-blue-800: #324260;
--color-wisteria-blue-900: #222e43;
--color-wisteria-blue-950: #111a2b;
}SCSS
$wisteria-blue: #819bd0;
$wisteria-blue-rgb: 129, 155, 208;
$wisteria-blue-light: mix(#fff, $wisteria-blue, 20%);
$wisteria-blue-dark: mix(#000, $wisteria-blue, 20%);
.element {
color: $wisteria-blue;
box-shadow: 0 0 0 2px rgba($wisteria-blue, 0.35);
}