Benannte Farbe · #FF7700
Lucky Orange
Lucky Orange ist #FF7700: rgb(255 119 0), hsl(28 100% 50%), oklch(0.719 0.192 49.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Lucky Orange color name →
#FF7700
oklch(0.719 0.192 49.4)
Farbumrechnungen
- HEX
- #ff7700
- RGB
- rgb(255 119 0)
- HSL
- hsl(28 100% 50%)
- HWB
- hwb(28 0% 0%)
- OKLCH
- oklch(0.719 0.192 49.4)
- OKLab
- oklab(0.719 0.125 0.146)
- CIE Lab
- lab(66.12 49.64 74)
- LCH
- lch(66.12 89.11 56.1)
- CMYK
- cmyk(0% 53% 100% 0%)
Tints · Shades · Tones
Tints
- FF8638
- FF9555
- FFA36D
- FFB183
- FFBF99
- FFCCAD
- FFD9C2
- FFE6D6
- FFF2EB
Shades
- DE6700
- BE5700
- 9E4700
- 803800
- 632A00
- 481C00
- 2E1000
- 160500
- 030100
Tones
- F37A28
- E77C3A
- DA7E47
- CE7F52
- C2805C
- B58164
- A8816C
- 9B8173
- 8E817A
Farbharmonien
Komplementär +180°
- FF7700
Lucky Orange
- 00B3EB
≈ Lynx Screen Blue
Analog -30° +30°
- FF7700
Lucky Orange
- FF6F77
≈ Salmon Rose
- D59700
≈ Leopard
Triadisch +120° +240°
- FF7700
Lucky Orange
- 00C095
≈ Blarney
- A391FF
≈ Cobalite
Geteilt komplementär +150° +210°
- FF7700
Lucky Orange
- 00BBC1
≈ Montego Bay
- 6BA4FF
≈ Âbi Blue
Tetradisch +90° +180° +270°
- FF7700
Lucky Orange
- 5BBF3D
≈ Exit Light
- 00B3EB
≈ Lynx Screen Blue
- D777EE
≈ Calypso Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.66:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.89:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.89:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--lucky-orange: #ff7700;
--lucky-orange-rgb: 255 119 0;
--lucky-orange-oklch: oklch(0.719 0.192 49.4);
}
.element {
color: var(--lucky-orange);
background-color: hsl(28 100% 50%);
border-color: oklch(0.719 0.192 49.4);
}Tailwind CSS v4
@theme {
--color-lucky-orange: #ff7700;
--color-lucky-orange-50: #ffe6c4;
--color-lucky-orange-100: #ffd6ad;
--color-lucky-orange-200: #ffbc87;
--color-lucky-orange-300: #ff9853;
--color-lucky-orange-400: #f47411;
--color-lucky-orange-500: #e34e00;
--color-lucky-orange-600: #c04400;
--color-lucky-orange-700: #9a3600;
--color-lucky-orange-800: #742500;
--color-lucky-orange-900: #521900;
--color-lucky-orange-950: #360800;
}SCSS
$lucky-orange: #ff7700;
$lucky-orange-rgb: 255, 119, 0;
$lucky-orange-light: mix(#fff, $lucky-orange, 20%);
$lucky-orange-dark: mix(#000, $lucky-orange, 20%);
.element {
color: $lucky-orange;
box-shadow: 0 0 0 2px rgba($lucky-orange, 0.35);
}