Benannte Farbe · #FF1500
Carolina Reaper
Carolina Reaper ist #FF1500: rgb(255 21 0), hsl(5 100% 50%), oklch(0.632 0.254 30). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Carolina Reaper color name →
#FF1500
oklch(0.632 0.254 30)
Farbumrechnungen
- HEX
- #ff1500
- RGB
- rgb(255 21 0)
- HSL
- hsl(5 100% 50%)
- HWB
- hwb(5 0% 0%)
- OKLCH
- oklch(0.632 0.254 30)
- OKLab
- oklab(0.632 0.22 0.127)
- CIE Lab
- lab(54.85 79.23 69.98)
- LCH
- lch(54.85 105.71 41.5)
- CMYK
- cmyk(0% 92% 100% 0%)
Tints · Shades · Tones
Tints
- FF4532
- FF614D
- FF7965
- FF8E7C
- FFA392
- FFB6A7
- FFC9BD
- FFDBD3
- FFEDE9
Shades
- DE1100
- BE0C00
- 9E0800
- 800500
- 630300
- 480200
- 2E0100
- 160000
- 030000
Tones
- F43422
- E94533
- DD5241
- D25C4C
- C56456
- B96C5F
- AC7268
- 9E7770
- 907C78
Farbharmonien
Komplementär +180°
- FF1500
Carolina Reaper
- 009BAE
≈ Caneel Bay
Analog -30° +30°
- FF1500
Carolina Reaper
- F60984
≈ Flickr Pink
- C97000
≈ Sludge
Triadisch +120° +240°
- FF1500
Carolina Reaper
- 00A54C
≈ Green Pigment
- 5D7CFF
≈ C64 NTSC
Geteilt komplementär +150° +210°
- FF1500
Carolina Reaper
- 00A08C
≈ Turquish
- 0093D8
≈ Kahu Blue
Tetradisch +90° +180° +270°
- FF1500
Carolina Reaper
- 7F9600
≈ Mossy Woods
- 009BAE
≈ Caneel Bay
- A35AFF
≈ Vega Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.91:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.35:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.35:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--carolina-reaper: #ff1500;
--carolina-reaper-rgb: 255 21 0;
--carolina-reaper-oklch: oklch(0.632 0.254 30);
}
.element {
color: var(--carolina-reaper);
background-color: hsl(5 100% 50%);
border-color: oklch(0.632 0.254 30);
}Tailwind CSS v4
@theme {
--color-carolina-reaper: #ff1500;
--color-carolina-reaper-50: #ffdbc8;
--color-carolina-reaper-100: #ffc8b2;
--color-carolina-reaper-200: #ffa88e;
--color-carolina-reaper-300: #ff7c5e;
--color-carolina-reaper-400: #ff4834;
--color-carolina-reaper-500: #ff0000;
--color-carolina-reaper-600: #db0000;
--color-carolina-reaper-700: #b10000;
--color-carolina-reaper-800: #850000;
--color-carolina-reaper-900: #5e0001;
--color-carolina-reaper-950: #400000;
}SCSS
$carolina-reaper: #ff1500;
$carolina-reaper-rgb: 255, 21, 0;
$carolina-reaper-light: mix(#fff, $carolina-reaper, 20%);
$carolina-reaper-dark: mix(#000, $carolina-reaper, 20%);
.element {
color: $carolina-reaper;
box-shadow: 0 0 0 2px rgba($carolina-reaper, 0.35);
}