Màu có tên gần nhất · #D45B4D
#D45B4D
Màu có tên gần nhất: Firebug
#D45B4D (rgb(212 91 77), hsl(6 61% 57%), oklch(0.622 0.156 28.9)) 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.
#D45B4D
oklch(0.622 0.156 28.9)
Chuyển đổi màu
- HEX
- #d45b4d
- RGB
- rgb(212 91 77)
- HSL
- hsl(6 61% 57%)
- HWB
- hwb(6 30% 17%)
- OKLCH
- oklch(0.622 0.156 28.9)
- OKLab
- oklab(0.622 0.136 0.075)
- CIE Lab
- lab(54.66 47.99 32.98)
- LCH
- lch(54.66 58.23 34.5)
- CMYK
- cmyk(0% 57% 64% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DA6D5F
- E07E70
- E68E81
- EB9F93
- EFAFA4
- F4BFB6
- F7CFC8
- FADFDA
- FDEFED
Sắc đậm
- B84E42
- 9D4137
- 83352C
- 692922
- 511E18
- 3A130F
- 240907
- 100302
- 020000
Sắc xám
- CD6053
- C56559
- BD6A5E
- B56E63
- AD7168
- A5756D
- 9C7872
- 937B77
- 8A7E7B
Hòa sắc
Bổ túc +180°
- D45B4D
Firebug
- 0098A9
≈ Aquarium Diver
Tương đồng -30° +30°
- D45B4D
Firebug
- CE5885
≈ Pretty in Plum
- C66C00
≈ Sludge
Bộ ba +120° +240°
- D45B4D
Firebug
- 2D9F4E
≈ Full Energy
- 617FE4
≈ Pan Purple
Bổ túc chia +150° +210°
- D45B4D
Firebug
- 009D88
≈ Flamboyant Teal
- 0090D1
≈ Rich Electric 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.88:1 · APCA Lc 66
Ag
AATrên nền đen
WCAG 5.40:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.40:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--firebug: #d45b4d;
--firebug-rgb: 212 91 77;
--firebug-oklch: oklch(0.622 0.156 28.9);
}
.element {
color: var(--firebug);
background-color: hsl(6 61% 57%);
border-color: oklch(0.622 0.156 28.9);
}Tailwind CSS v4
@theme {
--color-firebug: #d45b4d;
--color-firebug-50: #ffe6da;
--color-firebug-100: #ffd5c9;
--color-firebug-200: #ffbcac;
--color-firebug-300: #fd9886;
--color-firebug-400: #ec7767;
--color-firebug-500: #da5445;
--color-firebug-600: #b8483c;
--color-firebug-700: #94392f;
--color-firebug-800: #6e2823;
--color-firebug-900: #4e1b17;
--color-firebug-950: #330a08;
}SCSS
$firebug: #d45b4d;
$firebug-rgb: 212, 91, 77;
$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);
}