Màu có tên gần nhất · #D55753
#D55753
Màu có tên gần nhất: Firebug
#D55753 (rgb(213 87 83), hsl(2 61% 58%), oklch(0.619 0.16 24.7)) gần nhất với màu có tên Firebug. 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.
#D55753
oklch(0.619 0.16 24.7)
Chuyển đổi màu
- HEX
- #d55753
- RGB
- rgb(213 87 83)
- HSL
- hsl(2 61% 58%)
- HWB
- hwb(2 33% 16%)
- OKLCH
- oklch(0.619 0.16 24.7)
- OKLab
- oklab(0.619 0.145 0.067)
- CIE Lab
- lab(54.2 50.39 29.04)
- LCH
- lch(54.2 58.16 30)
- CMYK
- cmyk(0% 59% 61% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DB6964
- E17B74
- E78C85
- EC9D96
- F0ADA7
- F4BDB8
- F8CECA
- FBDEDB
- FDEFED
Sắc đậm
- B94B47
- 9E3E3B
- 833330
- 6A2725
- 511C1B
- 3A1211
- 240808
- 100302
- 020000
Sắc xám
- CE5D58
- C6625D
- BE6762
- B66C66
- AE706B
- A6746F
- 9D7774
- 947A78
- 8A7D7C
Hòa sắc
Bổ túc +180°
- D55753
Firebug
- 0098A4
≈ Island Dream
Tương đồng -30° +30°
- D55753
Firebug
- CC568B
≈ Pretty in Plum
- CA6700
≈ Curry Powder
Bộ ba +120° +240°
- D55753
Firebug
- 399E42
≈ Gangly Gremlin
- 5580E5
≈ Blue Elemental
Bổ túc chia +150° +210°
- D55753
Firebug
- 009C81
≈ Paolo Veronese Green
- 0091C8
≈ Dynamic Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.94:1 · APCA Lc 66
Ag
AATrên nền đen
WCAG 5.31:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--firebug: #d55753;
--firebug-rgb: 213 87 83;
--firebug-oklch: oklch(0.619 0.16 24.7);
}
.element {
color: var(--firebug);
background-color: hsl(2 61% 58%);
border-color: oklch(0.619 0.16 24.7);
}Tailwind CSS v4
@theme {
--color-firebug: #d55753;
--color-firebug-50: #ffe4dd;
--color-firebug-100: #ffd4cb;
--color-firebug-200: #ffbab0;
--color-firebug-300: #ff968b;
--color-firebug-400: #ee746e;
--color-firebug-500: #dc504d;
--color-firebug-600: #ba4542;
--color-firebug-700: #953735;
--color-firebug-800: #6f2627;
--color-firebug-900: #4f1a1a;
--color-firebug-950: #34090b;
}SCSS
$firebug: #d55753;
$firebug-rgb: 213, 87, 83;
$firebug-light: mix(#fff, $firebug, 20%);
$firebug-dark: mix(#000, $firebug, 20%);
.element {
color: $firebug;
box-shadow: 0 0 0 2px rgba($firebug, 0.35);
}