Nächste benannte Farbe · #FF8300
#FF8300
Nächste benannte Farbe: Habañero
#FF8300 (rgb(255 131 0), hsl(31 100% 50%), oklch(0.736 0.184 54.3)) liegt am nächsten an der benannten Farbe Habañero. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FF8300
oklch(0.736 0.184 54.3)
Farbumrechnungen
- HEX
- #ff8300
- RGB
- rgb(255 131 0)
- HSL
- hsl(31 100% 50%)
- HWB
- hwb(31 0% 0%)
- OKLCH
- oklch(0.736 0.184 54.3)
- OKLab
- oklab(0.736 0.107 0.149)
- CIE Lab
- lab(68.4 44.08 75.14)
- LCH
- lch(68.4 87.11 59.6)
- CMYK
- cmyk(0% 49% 100% 0%)
Tints · Shades · Tones
Tints
- FF913A
- FF9E57
- FFAB6F
- FFB885
- FFC49A
- FFD0AF
- FFDCC3
- FFE8D7
- FFF3EB
Shades
- DE7100
- BE6000
- 9E4F00
- 803F00
- 632F00
- 482000
- 2E1200
- 160600
- 030100
Tones
- F38429
- E6853B
- DA8549
- CD8554
- C1855D
- B48565
- A8846D
- 9B8374
- 8E827A
Farbharmonien
Komplementär +180°
- FF8300
Habañero
- 00B8FC
≈ Blue Bolt
Analog -30° +30°
- FF8300
Habañero
- FF7C76
≈ Salmon Sashimi
- D6A000
≈ Immortelle Yellow
Triadisch +120° +240°
- FF8300
Habañero
- 00C6A3
≈ Jadeite
- B095FF
≈ Liliac
Geteilt komplementär +150° +210°
- FF8300
Habañero
- 00C0CE
≈ The Crowd Roars!
- 7EA7FF
≈ Fennel Flower
Tetradisch +90° +180° +270°
- FF8300
Habañero
- 52C658
≈ Range Land
- 00B8FC
≈ Blue Bolt
- E17CEA
≈ Pink Bonnet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.47:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.49:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.49:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--habanero: #ff8300;
--habanero-rgb: 255 131 0;
--habanero-oklch: oklch(0.736 0.184 54.3);
}
.element {
color: var(--habanero);
background-color: hsl(31 100% 50%);
border-color: oklch(0.736 0.184 54.3);
}Tailwind CSS v4
@theme {
--color-habanero: #ff8300;
--color-habanero-50: #ffe8c3;
--color-habanero-100: #ffd9ac;
--color-habanero-200: #ffc085;
--color-habanero-300: #fe9c50;
--color-habanero-400: #ee7a00;
--color-habanero-500: #dd5700;
--color-habanero-600: #bb4a00;
--color-habanero-700: #963b00;
--color-habanero-800: #712900;
--color-habanero-900: #4f1c00;
--color-habanero-950: #350b00;
}SCSS
$habanero: #ff8300;
$habanero-rgb: 255, 131, 0;
$habanero-light: mix(#fff, $habanero, 20%);
$habanero-dark: mix(#000, $habanero, 20%);
.element {
color: $habanero;
box-shadow: 0 0 0 2px rgba($habanero, 0.35);
}