En yakın adlandırılmış renk · #D84006
#D84006
En yakın adlandırılmış renk: Flame of Prometheus
#D84006 (rgb(216 64 6), hsl(17 95% 44%), oklch(0.589 0.197 36.6)) en çok Flame of Prometheus adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D84006
oklch(0.589 0.197 36.6)
Renk dönüşümleri
- HEX
- #d84006
- RGB
- rgb(216 64 6)
- HSL
- hsl(17 95% 44%)
- HWB
- hwb(17 2% 15%)
- OKLCH
- oklch(0.589 0.197 36.6)
- OKLab
- oklab(0.589 0.158 0.117)
- CIE Lab
- lab(50.65 58.7 61.36)
- LCH
- lch(50.65 84.91 46.3)
- CMYK
- cmyk(0% 70% 97% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DF5831
- E56D4B
- EA8163
- EF9379
- F4A68F
- F7B8A6
- FACABC
- FDDBD2
- FEEDE8
Koyu tonlar
- BC3604
- A02D03
- 852402
- 6B1B01
- 531301
- 3B0B00
- 250500
- 110100
- 020000
Gri tonlar
- D14B22
- C95432
- C15C3F
- B9624A
- B16954
- A86E5E
- 9F7367
- 95786F
- 8B7C78
Renk uyumları
Tamamlayıcı +180°
- D84006
Flame of Prometheus
- 008CA5
≈ Quintana
Analog -30° +30°
- D84006
Flame of Prometheus
- D5376A
≈ Raspberry Sorbet
- B06B00
≈ Caramel
Üçlü +120° +240°
- D84006
Flame of Prometheus
- 009559
≈ Green Gloss
- 6369EE
≈ Blue Hepatica
Bölünmüş tamamlayıcı +150° +210°
- D84006
Flame of Prometheus
- 009087
≈ Nifty Turquoise
- 0082D2
≈ Electron Blue
Dörtlü +90° +180° +270°
- D84006
Flame of Prometheus
- 668C00
≈ Sap Green
- 008CA5
≈ Quintana
- 9B54D7
≈ Morado Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--flame-of-prometheus: #d84006;
--flame-of-prometheus-rgb: 216 64 6;
--flame-of-prometheus-oklch: oklch(0.589 0.197 36.6);
}
.element {
color: var(--flame-of-prometheus);
background-color: hsl(17 95% 44%);
border-color: oklch(0.589 0.197 36.6);
}Tailwind CSS v4
@theme {
--color-flame-of-prometheus: #d84006;
--color-flame-of-prometheus-50: #ffe3cc;
--color-flame-of-prometheus-100: #ffd2b8;
--color-flame-of-prometheus-200: #ffb695;
--color-flame-of-prometheus-300: #ff9069;
--color-flame-of-prometheus-400: #fc6a41;
--color-flame-of-prometheus-500: #eb3f00;
--color-flame-of-prometheus-600: #c63800;
--color-flame-of-prometheus-700: #9f2c02;
--color-flame-of-prometheus-800: #771e06;
--color-flame-of-prometheus-900: #541405;
--color-flame-of-prometheus-950: #380400;
}SCSS
$flame-of-prometheus: #d84006;
$flame-of-prometheus-rgb: 216, 64, 6;
$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);
}