Màu có tên gần nhất · #D45951
#D45951
Màu có tên gần nhất: Firebug
#D45951 (rgb(212 89 81), hsl(4 60% 57%), oklch(0.62 0.157 26.4)) 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.
#D45951
oklch(0.62 0.157 26.4)
Chuyển đổi màu
- HEX
- #d45951
- RGB
- rgb(212 89 81)
- HSL
- hsl(4 60% 57%)
- HWB
- hwb(4 32% 17%)
- OKLCH
- oklch(0.62 0.157 26.4)
- OKLab
- oklab(0.62 0.141 0.07)
- CIE Lab
- lab(54.35 49.06 30.34)
- LCH
- lch(54.35 57.68 31.7)
- CMYK
- cmyk(0% 58% 62% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DA6B62
- E07C73
- E68D84
- EB9D95
- F0AEA6
- F4BEB8
- F7CEC9
- FADEDB
- FDEFED
Sắc đậm
- B84C45
- 9D403A
- 83342F
- 692824
- 511D1A
- 3A1310
- 240907
- 100302
- 020000
Sắc xám
- CD5F56
- C5645C
- BD6861
- B66D65
- AD716A
- A5746F
- 9C7773
- 937B77
- 8A7D7C
Hòa sắc
Bổ túc +180°
- D45951
Firebug
- 0098A6
≈ Aquarium Diver
Tương đồng -30° +30°
- D45951
Firebug
- CC5788
≈ Pretty in Plum
- C86900
≈ Sludge
Bộ ba +120° +240°
- D45951
Firebug
- 359E47
≈ Gangly Gremlin
- 5A80E4
≈ Blue Elemental
Bổ túc chia +150° +210°
- D45951
Firebug
- 009C84
≈ Reptilian Green
- 0090CB
≈ 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.92:1 · APCA Lc 66
Ag
AATrên nền đen
WCAG 5.34:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.34:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--firebug: #d45951;
--firebug-rgb: 212 89 81;
--firebug-oklch: oklch(0.62 0.157 26.4);
}
.element {
color: var(--firebug);
background-color: hsl(4 60% 57%);
border-color: oklch(0.62 0.157 26.4);
}Tailwind CSS v4
@theme {
--color-firebug: #d45951;
--color-firebug-50: #ffe5dc;
--color-firebug-100: #ffd5cb;
--color-firebug-200: #ffbbae;
--color-firebug-300: #fe9789;
--color-firebug-400: #ed756c;
--color-firebug-500: #db524b;
--color-firebug-600: #b94740;
--color-firebug-700: #953833;
--color-firebug-800: #6f2726;
--color-firebug-900: #4e1a19;
--color-firebug-950: #330a0a;
}SCSS
$firebug: #d45951;
$firebug-rgb: 212, 89, 81;
$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);
}