Màu có tên gần nhất · #BD1900
#BD1900
Màu có tên gần nhất: Lobster
#BD1900 (rgb(189 25 0), hsl(8 100% 37%), oklch(0.51 0.198 31.2)) gần nhất với màu có tên Lobster. 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.
#BD1900
oklch(0.51 0.198 31.2)
Chuyển đổi màu
- HEX
- #bd1900
- RGB
- rgb(189 25 0)
- HSL
- hsl(8 100% 37%)
- HWB
- hwb(8 0% 26%)
- OKLCH
- oklch(0.51 0.198 31.2)
- OKLab
- oklab(0.51 0.169 0.102)
- CIE Lab
- lab(41.25 61.36 56)
- LCH
- lch(41.25 83.07 42.4)
- CMYK
- cmyk(0% 87% 100% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C73D29
- D05643
- D86D5B
- E08372
- E79889
- EEADA0
- F3C1B7
- F8D6CF
- FCEAE7
Sắc đậm
- A41400
- 8C1000
- 740B00
- 5D0700
- 470400
- 330200
- 1F0100
- 0D0000
- 020000
Sắc xám
- B92E1B
- B43D2B
- B04838
- AA5344
- A55C4E
- 9F6459
- 986B63
- 91736D
- 897976
Hòa sắc
Bổ túc +180°
- BD1900
Lobster
- 007383
≈ Deep Current
Tương đồng -30° +30°
- BD1900
Lobster
- B7125F
≈ Murderous Magenta
- 955300
≈ Mochaccino
Bộ ba +120° +240°
- BD1900
Lobster
- 007B3A
≈ Jordan Jazz
- 4154D5
≈ Gorgonzola Blue
Bổ túc chia +150° +210°
- BD1900
Lobster
- 007769
≈ Teal Waters
- 006DA3
≈ Bowen Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.35:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.30:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--lobster: #bd1900;
--lobster-rgb: 189 25 0;
--lobster-oklch: oklch(0.51 0.198 31.2);
}
.element {
color: var(--lobster);
background-color: hsl(8 100% 37%);
border-color: oklch(0.51 0.198 31.2);
}Tailwind CSS v4
@theme {
--color-lobster: #bd1900;
--color-lobster-50: #ffe1d1;
--color-lobster-100: #ffd0bd;
--color-lobster-200: #ffb49d;
--color-lobster-300: #ff8e73;
--color-lobster-400: #fd6750;
--color-lobster-500: #ec3a22;
--color-lobster-600: #c8341f;
--color-lobster-700: #a12919;
--color-lobster-800: #781b14;
--color-lobster-900: #55120c;
--color-lobster-950: #390302;
}SCSS
$lobster: #bd1900;
$lobster-rgb: 189, 25, 0;
$lobster-light: mix(#fff, $lobster, 20%);
$lobster-dark: mix(#000, $lobster, 20%);
.element {
color: $lobster;
box-shadow: 0 0 0 2px rgba($lobster, 0.35);
}