Benannte Farbe · #F4601B
Scarlet Ibis
Scarlet Ibis ist #F4601B: rgb(244 96 27), hsl(19 91% 53%), oklch(0.672 0.196 41). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Scarlet Ibis color name →
#F4601B
oklch(0.672 0.196 41)
Farbumrechnungen
- HEX
- #f4601b
- RGB
- rgb(244 96 27)
- HSL
- hsl(19 91% 53%)
- HWB
- hwb(19 11% 4%)
- OKLCH
- oklch(0.672 0.196 41)
- OKLab
- oklab(0.672 0.148 0.129)
- CIE Lab
- lab(60.41 55.91 64.2)
- LCH
- lch(60.41 85.13 48.9)
- CMYK
- cmyk(0% 61% 89% 4%)
Tints · Shades · Tones
Tints
- F8733E
- FB8457
- FD956E
- FFA583
- FFB498
- FFC3AD
- FFD2C1
- FFE1D6
- FFF0EA
Shades
- D45216
- B54511
- 97380C
- 7A2C08
- 5E2005
- 441502
- 2B0A01
- 140300
- 030000
Tones
- E9662F
- DF6B3E
- D46F49
- C97353
- BD765C
- B27964
- A67B6B
- 9A7D73
- 8D7F79
Farbharmonien
Komplementär +180°
- F4601B
Scarlet Ibis
- 00A6CB
≈ Celestine Spring
Analog -30° +30°
- F4601B
Scarlet Ibis
- F55578
≈ Lick and Kiss
- CC8400
≈ Lobster Butter Sauce
Triadisch +120° +240°
- F4601B
Scarlet Ibis
- 00B177
≈ Salsify Grass
- 8584FF
≈ Blue Party Parrot
Geteilt komplementär +150° +210°
- F4601B
Scarlet Ibis
- 00ACA7
≈ Teal Me No Lies
- 2799FF
≈ Brilliant Azure
Tetradisch +90° +180° +270°
- F4601B
Scarlet Ibis
- 6CAB00
≈ Appetising Asparagus
- 00A6CB
≈ Celestine Spring
- BC6BEC
≈ Queer Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.21:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.53:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.53:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--scarlet-ibis: #f4601b;
--scarlet-ibis-rgb: 244 96 27;
--scarlet-ibis-oklch: oklch(0.672 0.196 41);
}
.element {
color: var(--scarlet-ibis);
background-color: hsl(19 91% 53%);
border-color: oklch(0.672 0.196 41);
}Tailwind CSS v4
@theme {
--color-scarlet-ibis: #f4601b;
--color-scarlet-ibis-50: #ffe4c9;
--color-scarlet-ibis-100: #ffd3b4;
--color-scarlet-ibis-200: #ffb88f;
--color-scarlet-ibis-300: #ff9360;
--color-scarlet-ibis-400: #fa6d33;
--color-scarlet-ibis-500: #e94400;
--color-scarlet-ibis-600: #c53b00;
--color-scarlet-ibis-700: #9e2f00;
--color-scarlet-ibis-800: #772000;
--color-scarlet-ibis-900: #541500;
--color-scarlet-ibis-950: #380500;
}SCSS
$scarlet-ibis: #f4601b;
$scarlet-ibis-rgb: 244, 96, 27;
$scarlet-ibis-light: mix(#fff, $scarlet-ibis, 20%);
$scarlet-ibis-dark: mix(#000, $scarlet-ibis, 20%);
.element {
color: $scarlet-ibis;
box-shadow: 0 0 0 2px rgba($scarlet-ibis, 0.35);
}