Dichtstbijzijnde benoemde kleur · #DA3D14
#DA3D14
Dichtstbijzijnde benoemde kleur: Flame of Prometheus
#DA3D14 (rgb(218 61 20), hsl(12 83% 47%), oklch(0.59 0.2 34.4)) komt het dichtst bij de benoemde kleur Flame of Prometheus. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DA3D14
oklch(0.59 0.2 34.4)
Kleurconversies
- HEX
- #da3d14
- RGB
- rgb(218 61 20)
- HSL
- hsl(12 83% 47%)
- HWB
- hwb(12 8% 15%)
- OKLCH
- oklch(0.59 0.2 34.4)
- OKLab
- oklab(0.59 0.165 0.113)
- CIE Lab
- lab(50.67 60.47 57.77)
- LCH
- lch(50.67 83.63 43.7)
- CMYK
- cmyk(0% 72% 91% 15%)
Tinten · Schaduwen · Tonen
Tinten
- E15636
- E76B4F
- EC7F65
- F1927B
- F5A591
- F9B7A7
- FBC9BD
- FDDBD3
- FFEDE9
Schaduwen
- BD3410
- A22B0C
- 872208
- 6C1A05
- 541203
- 3C0A01
- 250401
- 110100
- 020000
Tonen
- D24928
- CB5236
- C35A42
- BB614C
- B26856
- A96D5F
- A07368
- 967870
- 8B7C78
Kleurharmonieën
Complementair +180°
- DA3D14
Flame of Prometheus
- 008DA3
≈ Parrot Flight
Analoog -30° +30°
- DA3D14
Flame of Prometheus
- D6356F
≈ Raspberry Sorbet
- B36900
≈ Pumpkin Spice
Triadisch +120° +240°
- DA3D14
Flame of Prometheus
- 009653
≈ Garnish
- 5E6BF1
≈ Blue Hepatica
Gesplitst complementair +150° +210°
- DA3D14
Flame of Prometheus
- 009185
≈ Emerald Coast
- 0084CD
≈ Lvivian Rain
Tetradisch +90° +180° +270°
- DA3D14
Flame of Prometheus
- 6B8B00
≈ Asparagus Sultan
- 008DA3
≈ Parrot Flight
- 9954DB
≈ Morado Purple
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.65:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
CSS
:root {
--flame-of-prometheus: #da3d14;
--flame-of-prometheus-rgb: 218 61 20;
--flame-of-prometheus-oklch: oklch(0.59 0.2 34.4);
}
.element {
color: var(--flame-of-prometheus);
background-color: hsl(12 83% 47%);
border-color: oklch(0.59 0.2 34.4);
}Tailwind CSS v4
@theme {
--color-flame-of-prometheus: #da3d14;
--color-flame-of-prometheus-50: #ffe2ce;
--color-flame-of-prometheus-100: #ffd1b9;
--color-flame-of-prometheus-200: #ffb597;
--color-flame-of-prometheus-300: #ff8e6c;
--color-flame-of-prometheus-400: #fd6846;
--color-flame-of-prometheus-500: #ed3b03;
--color-flame-of-prometheus-600: #c8340c;
--color-flame-of-prometheus-700: #a12a0b;
--color-flame-of-prometheus-800: #781c0b;
--color-flame-of-prometheus-900: #551207;
--color-flame-of-prometheus-950: #390300;
}SCSS
$flame-of-prometheus: #da3d14;
$flame-of-prometheus-rgb: 218, 61, 20;
$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);
}