Màu có tên gần nhất · #D93F08
#D93F08
Màu có tên gần nhất: Flame of Prometheus
#D93F08 (rgb(217 63 8), hsl(16 93% 44%), oklch(0.59 0.198 36.1)) gần nhất với màu có tên Flame of Prometheus. 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.
#D93F08
oklch(0.59 0.198 36.1)
Chuyển đổi màu
- HEX
- #d93f08
- RGB
- rgb(217 63 8)
- HSL
- hsl(16 93% 44%)
- HWB
- hwb(16 3% 15%)
- OKLCH
- oklch(0.59 0.198 36.1)
- OKLab
- oklab(0.59 0.16 0.117)
- CIE Lab
- lab(50.71 59.38 61.03)
- LCH
- lch(50.71 85.15 45.8)
- CMYK
- cmyk(0% 71% 96% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E05732
- E66C4C
- EB8063
- F0937A
- F4A590
- F8B8A6
- FBCABC
- FDDBD2
- FEEDE8
Sắc đậm
- BC3506
- A12C04
- 862303
- 6C1B02
- 531201
- 3B0A01
- 250400
- 110100
- 020000
Sắc xám
- D24A23
- CA5333
- C25B3F
- BA624A
- B16854
- A96E5E
- 9F7367
- 96786F
- 8B7C78
Hòa sắc
Bổ túc +180°
- D93F08
Flame of Prometheus
- 008CA5
≈ Quintana
Tương đồng -30° +30°
- D93F08
Flame of Prometheus
- D6366B
≈ Raspberry Sorbet
- B16B00
≈ Caramel
Bộ ba +120° +240°
- D93F08
Flame of Prometheus
- 009558
≈ Green Gloss
- 626AF0
≈ Blue Hepatica
Bổ túc chia +150° +210°
- D93F08
Flame of Prometheus
- 009187
≈ Nifty Turquoise
- 0083D1
≈ Electron Blue
Bộ bốn +90° +180° +270°
- D93F08
Flame of Prometheus
- 678C00
≈ Sap Green
- 008CA5
≈ Quintana
- 9B54D8
≈ Morado Purple
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.66:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
CSS
:root {
--flame-of-prometheus: #d93f08;
--flame-of-prometheus-rgb: 217 63 8;
--flame-of-prometheus-oklch: oklch(0.59 0.198 36.1);
}
.element {
color: var(--flame-of-prometheus);
background-color: hsl(16 93% 44%);
border-color: oklch(0.59 0.198 36.1);
}Tailwind CSS v4
@theme {
--color-flame-of-prometheus: #d93f08;
--color-flame-of-prometheus-50: #ffe2cc;
--color-flame-of-prometheus-100: #ffd1b8;
--color-flame-of-prometheus-200: #ffb696;
--color-flame-of-prometheus-300: #ff9069;
--color-flame-of-prometheus-400: #fc6a41;
--color-flame-of-prometheus-500: #ec3d00;
--color-flame-of-prometheus-600: #c73600;
--color-flame-of-prometheus-700: #a02c03;
--color-flame-of-prometheus-800: #781d07;
--color-flame-of-prometheus-900: #551305;
--color-flame-of-prometheus-950: #390400;
}SCSS
$flame-of-prometheus: #d93f08;
$flame-of-prometheus-rgb: 217, 63, 8;
$flame-of-prometheus-light: mix(#fff, $flame-of-prometheus, 20%);
$flame-of-prometheus-dark: mix(#000, $flame-of-prometheus, 20%);
.element {
color: $flame-of-prometheus;
box-shadow: 0 0 0 2px rgba($flame-of-prometheus, 0.35);
}