Benannte Farbe · #FF5B00
Maximum Orange
Maximum Orange ist #FF5B00: rgb(255 91 0), hsl(21 100% 50%), oklch(0.683 0.213 40.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Maximum Orange color name →
#FF5B00
oklch(0.683 0.213 40.3)
Farbumrechnungen
- HEX
- #ff5b00
- RGB
- rgb(255 91 0)
- HSL
- hsl(21 100% 50%)
- HWB
- hwb(21 0% 0%)
- OKLCH
- oklch(0.683 0.213 40.3)
- OKLab
- oklab(0.683 0.162 0.138)
- CIE Lab
- lab(61.44 61.47 71.94)
- LCH
- lch(61.44 94.63 49.5)
- CMYK
- cmyk(0% 64% 100% 0%)
Tints · Shades · Tones
Tints
- FF6F36
- FF8252
- FF936A
- FFA380
- FFB396
- FFC3AB
- FFD2C0
- FFE1D5
- FFF0EA
Shades
- DE4E00
- BE4100
- 9E3500
- 802900
- 631E00
- 481300
- 2E0900
- 160300
- 030000
Tones
- F36226
- E76837
- DB6D45
- CF7150
- C37559
- B77862
- AA7B6A
- 9C7D72
- 8F7F79
Farbharmonien
Komplementär +180°
- FF5B00
Maximum Orange
- 00AACE
≈ Gummy Dolphins
Analog -30° +30°
- FF5B00
Maximum Orange
- FF4E7A
≈ Warm Pink
- D28600
≈ Copious Caramel
Triadisch +120° +240°
- FF5B00
Maximum Orange
- 00B578
≈ Green Teal
- 8789FF
≈ Lavender Blue Shadow
Geteilt komplementär +150° +210°
- FF5B00
Maximum Orange
- 00B0AA
≈ Tropical Tree
- 2F9DFF
≈ Brilliant Azure
Tetradisch +90° +180° +270°
- FF5B00
Maximum Orange
- 71AE00
≈ Plus Ultra
- 00AACE
≈ Gummy Dolphins
- C16AF8
≈ Easter Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.11:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.74:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.74:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--maximum-orange: #ff5b00;
--maximum-orange-rgb: 255 91 0;
--maximum-orange-oklch: oklch(0.683 0.213 40.3);
}
.element {
color: var(--maximum-orange);
background-color: hsl(21 100% 50%);
border-color: oklch(0.683 0.213 40.3);
}Tailwind CSS v4
@theme {
--color-maximum-orange: #ff5b00;
--color-maximum-orange-50: #ffe2c5;
--color-maximum-orange-100: #ffd1af;
--color-maximum-orange-200: #ffb58a;
--color-maximum-orange-300: #ff8e58;
--color-maximum-orange-400: #ff6624;
--color-maximum-orange-500: #f03600;
--color-maximum-orange-600: #cb3000;
--color-maximum-orange-700: #a32700;
--color-maximum-orange-800: #7b1900;
--color-maximum-orange-900: #571100;
--color-maximum-orange-950: #3a0200;
}SCSS
$maximum-orange: #ff5b00;
$maximum-orange-rgb: 255, 91, 0;
$maximum-orange-light: mix(#fff, $maximum-orange, 20%);
$maximum-orange-dark: mix(#000, $maximum-orange, 20%);
.element {
color: $maximum-orange;
box-shadow: 0 0 0 2px rgba($maximum-orange, 0.35);
}