Màu có tên gần nhất · #B55B61
#B55B61
Màu có tên gần nhất: Her Velour
#B55B61 (rgb(181 91 97), hsl(356 38% 53%), oklch(0.581 0.117 17.2)) gần nhất với màu có tên Her Velour. 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.
#B55B61
oklch(0.581 0.117 17.2)
Chuyển đổi màu
- HEX
- #b55b61
- RGB
- rgb(181 91 97)
- HSL
- hsl(356 38% 53%)
- HWB
- hwb(356 36% 29%)
- OKLCH
- oklch(0.581 0.117 17.2)
- OKLab
- oklab(0.581 0.111 0.035)
- CIE Lab
- lab(50.1 37.63 14.36)
- LCH
- lch(50.1 40.27 20.9)
- CMYK
- cmyk(0% 50% 46% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BE6B70
- C67C7F
- CE8C8E
- D69C9D
- DEACAD
- E5BCBD
- ECCDCD
- F3DDDE
- F9EEEE
Sắc đậm
- 9D4E53
- 864146
- 6F3539
- 59292D
- 441E21
- 301315
- 1D090B
- 0C0303
- 020000
Sắc xám
- B16064
- AC6467
- A7686A
- A26C6E
- 9D6F71
- 987374
- 927677
- 8D7A7A
- 867D7D
Hòa sắc
Bổ túc +180°
- B55B61
Her Velour
- 008C8F
≈ Egyptian Teal
Tương đồng -30° +30°
- B55B61
Her Velour
- AB5C88
≈ Dahlia Mauve
- B26239
≈ Fudgesicle
Bộ ba +120° +240°
- B55B61
Her Velour
- 578A42
≈ Golf Day
- 4C7BBF
≈ Parkwater
Bổ túc chia +150° +210°
- B55B61
Her Velour
- 0A906C
≈ Sea Swell
- 0087AE
≈ Lyrebird
Bộ bốn +90° +180° +270°
- B55B61
Her Velour
- 837F18
≈ Olive
- 008C8F
≈ Egyptian Teal
- 776EBC
≈ Venus Violet
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.53:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.63:1 · APCA Lc 31
Màu chữ tốt nhất: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Đoạn mã
CSS
:root {
--her-velour: #b55b61;
--her-velour-rgb: 181 91 97;
--her-velour-oklch: oklch(0.581 0.117 17.2);
}
.element {
color: var(--her-velour);
background-color: hsl(356 38% 53%);
border-color: oklch(0.581 0.117 17.2);
}Tailwind CSS v4
@theme {
--color-her-velour: #b55b61;
--color-her-velour-50: #ffe9e8;
--color-her-velour-100: #ffd9d8;
--color-her-velour-200: #ffc1c0;
--color-her-velour-300: #ed9f9f;
--color-her-velour-400: #db8185;
--color-her-velour-500: #c7636a;
--color-her-velour-600: #a8545a;
--color-her-velour-700: #874347;
--color-her-velour-800: #643035;
--color-her-velour-900: #472024;
--color-her-velour-950: #2e1013;
}SCSS
$her-velour: #b55b61;
$her-velour-rgb: 181, 91, 97;
$her-velour-light: mix(#fff, $her-velour, 20%);
$her-velour-dark: mix(#000, $her-velour, 20%);
.element {
color: $her-velour;
box-shadow: 0 0 0 2px rgba($her-velour, 0.35);
}