Benannte Farbe · #FD3C06
Fire Opal
Fire Opal ist #FD3C06: rgb(253 60 6), hsl(13 98% 51%), oklch(0.649 0.233 33.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Fire Opal color name →
#FD3C06
oklch(0.649 0.233 33.6)
Farbumrechnungen
- HEX
- #fd3c06
- RGB
- rgb(253 60 6)
- HSL
- hsl(13 98% 51%)
- HWB
- hwb(13 2% 1%)
- OKLCH
- oklch(0.649 0.233 33.6)
- OKLab
- oklab(0.649 0.194 0.129)
- CIE Lab
- lab(57.18 71.25 68.91)
- LCH
- lch(57.18 99.12 44)
- CMYK
- cmyk(0% 76% 98% 1%)
Tints · Shades · Tones
Tints
- FF5835
- FF6F50
- FF8467
- FF977E
- FFA994
- FFBBA9
- FFCCBE
- FFDDD4
- FFEEE9
Shades
- DC3304
- BC2A03
- 9D2102
- 7F1901
- 621101
- 470A00
- 2D0400
- 160100
- 030000
Tones
- F24A26
- E75536
- DB5E43
- CF654E
- C36B58
- B77161
- AA7569
- 9D7971
- 8F7D79
Farbharmonien
Komplementär +180°
- FD3C06
Fire Opal
- 00A0B9
≈ January Blue
Analog -30° +30°
- FD3C06
Fire Opal
- F73280
≈ Pink Piano
- CC7800
≈ Mountain Ash
Triadisch +120° +240°
- FD3C06
Fire Opal
- 00AB5D
≈ Nordic Grass Green
- 6D80FF
≈ Orchid
Geteilt komplementär +150° +210°
- FD3C06
Fire Opal
- 00A596
≈ Tropical Sea
- 0097E7
≈ Pervenche
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.60:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.82:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 5.82:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--fire-opal: #fd3c06;
--fire-opal-rgb: 253 60 6;
--fire-opal-oklch: oklch(0.649 0.233 33.6);
}
.element {
color: var(--fire-opal);
background-color: hsl(13 98% 51%);
border-color: oklch(0.649 0.233 33.6);
}Tailwind CSS v4
@theme {
--color-fire-opal: #fd3c06;
--color-fire-opal-50: #ffdec7;
--color-fire-opal-100: #ffccb2;
--color-fire-opal-200: #ffae8d;
--color-fire-opal-300: #ff845e;
--color-fire-opal-400: #ff5731;
--color-fire-opal-500: #fb0700;
--color-fire-opal-600: #d41400;
--color-fire-opal-700: #ab1200;
--color-fire-opal-800: #800800;
--color-fire-opal-900: #5b0600;
--color-fire-opal-950: #3d0000;
}SCSS
$fire-opal: #fd3c06;
$fire-opal-rgb: 253, 60, 6;
$fire-opal-light: mix(#fff, $fire-opal, 20%);
$fire-opal-dark: mix(#000, $fire-opal, 20%);
.element {
color: $fire-opal;
box-shadow: 0 0 0 2px rgba($fire-opal, 0.35);
}