Màu có tên gần nhất · #84A7B1
#84A7B1
Màu có tên gần nhất: Equanimity
#84A7B1 (rgb(132 167 177), hsl(193 22% 61%), oklch(0.706 0.041 217.1)) gần nhất với màu có tên Equanimity. 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.
#84A7B1
oklch(0.706 0.041 217.1)
Chuyển đổi màu
- HEX
- #84a7b1
- RGB
- rgb(132 167 177)
- HSL
- hsl(193 22% 61%)
- HWB
- hwb(193 52% 31%)
- OKLCH
- oklch(0.706 0.041 217.1)
- OKLab
- oklab(0.706 -0.033 -0.025)
- CIE Lab
- lab(66.14 -10.65 -9.33)
- LCH
- lch(66.14 14.16 221.2)
- CMYK
- cmyk(25% 6% 0% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 90B0B9
- 9CB8C0
- A8C1C8
- B4CAD0
- C1D2D7
- CDDBDF
- D9E4E7
- E6EDEF
- F2F6F7
Sắc đậm
- 729199
- 607B83
- 4F666C
- 3F5257
- 2F3E42
- 202C2F
- 121A1C
- 060A0C
- 010101
Sắc xám
- 84A3AC
- 849FA7
- 839BA2
- 83979D
- 839398
- 828F93
- 828C8E
- 81888A
- 818485
Hòa sắc
Bổ túc +180°
- 84A7B1
Equanimity
- B8988E
≈ Del Rio
Tương đồng -30° +30°
- 84A7B1
Equanimity
- 84A9A4
≈ Lake Water
- 8CA3B9
≈ Sell Out
Bộ ba +120° +240°
- 84A7B1
Equanimity
- B297AA
≈ Lilac Lustre
- A7A184
≈ Cricket
Bổ túc chia +150° +210°
- 84A7B1
Equanimity
- B8969C
≈ Deep South
- B29C86
≈ Weathered Wood
Bộ bốn +90° +180° +270°
- 84A7B1
Equanimity
- A79AB5
≈ Purple Springs
- B8988E
≈ Del Rio
- 99A58A
≈ Frozen Edamame
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.57:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.14:1 · APCA Lc 52
Màu chữ tốt nhất: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Đoạn mã
CSS
:root {
--equanimity: #84a7b1;
--equanimity-rgb: 132 167 177;
--equanimity-oklch: oklch(0.706 0.041 217.1);
}
.element {
color: var(--equanimity);
background-color: hsl(193 22% 61%);
border-color: oklch(0.706 0.041 217.1);
}Tailwind CSS v4
@theme {
--color-equanimity: #84a7b1;
--color-equanimity-50: #e9f8fd;
--color-equanimity-100: #daebf1;
--color-equanimity-200: #c2d9e0;
--color-equanimity-300: #a1bdc6;
--color-equanimity-400: #84a5ae;
--color-equanimity-500: #678d98;
--color-equanimity-600: #587881;
--color-equanimity-700: #466067;
--color-equanimity-800: #32464b;
--color-equanimity-900: #223134;
--color-equanimity-950: #111d20;
}SCSS
$equanimity: #84a7b1;
$equanimity-rgb: 132, 167, 177;
$equanimity-light: mix(#fff, $equanimity, 20%);
$equanimity-dark: mix(#000, $equanimity, 20%);
.element {
color: $equanimity;
box-shadow: 0 0 0 2px rgba($equanimity, 0.35);
}