Benannte Farbe · #D95137
Fire Island
Fire Island ist #D95137: rgb(217 81 55), hsl(10 68% 53%), oklch(0.613 0.176 32.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Fire Island color name →
#D95137
oklch(0.613 0.176 32.8)
Farbumrechnungen
- HEX
- #d95137
- RGB
- rgb(217 81 55)
- HSL
- hsl(10 68% 53%)
- HWB
- hwb(10 22% 15%)
- OKLCH
- oklch(0.613 0.176 32.8)
- OKLab
- oklab(0.613 0.148 0.095)
- CIE Lab
- lab(53.57 53.28 44.13)
- LCH
- lch(53.57 69.19 39.6)
- CMYK
- cmyk(0% 63% 75% 15%)
Tints · Shades · Tones
Tints
- DF654D
- E57761
- EA8975
- EF9A88
- F3AB9C
- F7BCAF
- FACDC3
- FCDED7
- FEEEEB
Shades
- BC452E
- A13A26
- 862F1E
- 6C2416
- 531A0F
- 3B1008
- 250703
- 110201
- 020000
Tones
- D15841
- C95F49
- C16451
- B96A59
- B06E60
- A87267
- 9E766D
- 957A74
- 8B7D7A
Farbharmonien
Komplementär +180°
- D95137
Fire Island
- 0094AA
≈ Brilliant
Analog -30° +30°
- D95137
Fire Island
- D54C7A
≈ Pickled Pink
- BE6E00
≈ Indocile Tiger
Triadisch +120° +240°
- D95137
Fire Island
- 009E53
≈ Fern Green
- 6377EC
≈ Pan Purple
Geteilt komplementär +150° +210°
- D95137
Fire Island
- 00998A
≈ Plumage
- 008CD5
≈ Zürich Blue
Tetradisch +90° +180° +270°
- D95137
Fire Island
- 749200
≈ Canopy
- 0094AA
≈ Brilliant
- 9A64D9
≈ Legendary Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.05:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.18:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.18:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--fire-island: #d95137;
--fire-island-rgb: 217 81 55;
--fire-island-oklch: oklch(0.613 0.176 32.8);
}
.element {
color: var(--fire-island);
background-color: hsl(10 68% 53%);
border-color: oklch(0.613 0.176 32.8);
}Tailwind CSS v4
@theme {
--color-fire-island: #d95137;
--color-fire-island-50: #ffe4d4;
--color-fire-island-100: #ffd4c1;
--color-fire-island-200: #ffb9a1;
--color-fire-island-300: #ff9479;
--color-fire-island-400: #f47157;
--color-fire-island-500: #e24a2d;
--color-fire-island-600: #bf4028;
--color-fire-island-700: #9a3320;
--color-fire-island-800: #732318;
--color-fire-island-900: #511810;
--color-fire-island-950: #360703;
}SCSS
$fire-island: #d95137;
$fire-island-rgb: 217, 81, 55;
$fire-island-light: mix(#fff, $fire-island, 20%);
$fire-island-dark: mix(#000, $fire-island, 20%);
.element {
color: $fire-island;
box-shadow: 0 0 0 2px rgba($fire-island, 0.35);
}