Màu có tên gần nhất · #BEB2C7
#BEB2C7
Màu có tên gần nhất: Fog Syringa
#BEB2C7 (rgb(190 178 199), hsl(274 16% 74%), oklch(0.78 0.032 310.9)) gần nhất với màu có tên Fog Syringa. 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.
#BEB2C7
oklch(0.78 0.032 310.9)
Chuyển đổi màu
- HEX
- #beb2c7
- RGB
- rgb(190 178 199)
- HSL
- hsl(274 16% 74%)
- HWB
- hwb(274 70% 22%)
- OKLCH
- oklch(0.78 0.032 310.9)
- OKLab
- oklab(0.78 0.021 -0.024)
- CIE Lab
- lab(74.08 7.34 -9.08)
- LCH
- lch(74.08 11.67 309)
- CMYK
- cmyk(5% 11% 0% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C4B9CD
- CBC1D2
- D1C9D8
- D8D0DD
- DED8E3
- E5E0E8
- EBE7EE
- F2EFF4
- F8F7F9
Sắc đậm
- A59AAD
- 8C8393
- 756D7A
- 5E5762
- 48434C
- 332F36
- 1F1D21
- 0D0C0E
- 020102
Sắc xám
- B8ADC0
- B1A8B8
- ABA3B1
- A59EAA
- 9E99A3
- 98949C
- 928F95
- 8C8A8E
- 868587
Hòa sắc
Bổ túc +180°
- BEB2C7
Fog Syringa
- B0BCA7
≈ Fresh Thyme
Tương đồng -30° +30°
- BEB2C7
Fog Syringa
- B3B6CC
≈ Soft Sky
- C7B0BE
≈ Maverick
Bộ ba +120° +240°
- BEB2C7
Fog Syringa
- C5B4A2
≈ Steveareno Beige
- A1BEBC
≈ Falkland
Bổ túc chia +150° +210°
- BEB2C7
Fog Syringa
- BBB8A1
≈ Court Green
- A6BEB1
≈ Foggy Rain
Bộ bốn +90° +180° +270°
- BEB2C7
Fog Syringa
- CAB1A8
≈ Vintage Charm
- B0BCA7
≈ Fresh Thyme
- A2BDC6
≈ Clear Vista
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.02:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.38:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--fog-syringa: #beb2c7;
--fog-syringa-rgb: 190 178 199;
--fog-syringa-oklch: oklch(0.78 0.032 310.9);
}
.element {
color: var(--fog-syringa);
background-color: hsl(274 16% 74%);
border-color: oklch(0.78 0.032 310.9);
}Tailwind CSS v4
@theme {
--color-fog-syringa: #beb2c7;
--color-fog-syringa-50: #f8f3fc;
--color-fog-syringa-100: #ece5f0;
--color-fog-syringa-200: #d9d0de;
--color-fog-syringa-300: #bdb3c3;
--color-fog-syringa-400: #a599ad;
--color-fog-syringa-500: #8d8096;
--color-fog-syringa-600: #776d7f;
--color-fog-syringa-700: #5f5766;
--color-fog-syringa-800: #463f4b;
--color-fog-syringa-900: #302c34;
--color-fog-syringa-950: #1c1920;
}SCSS
$fog-syringa: #beb2c7;
$fog-syringa-rgb: 190, 178, 199;
$fog-syringa-light: mix(#fff, $fog-syringa, 20%);
$fog-syringa-dark: mix(#000, $fog-syringa, 20%);
.element {
color: $fog-syringa;
box-shadow: 0 0 0 2px rgba($fog-syringa, 0.35);
}