Benoemde kleur · #F00000
Helvetia Red
Helvetia Red is #F00000: rgb(240 0 0), hsl(0 100% 47%), oklch(0.6 0.246 29.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Helvetia Red color name →
#F00000
oklch(0.6 0.246 29.2)
Kleurconversies
- HEX
- #f00000
- RGB
- rgb(240 0 0)
- HSL
- hsl(0 100% 47%)
- HWB
- hwb(0 0% 6%)
- OKLCH
- oklch(0.6 0.246 29.2)
- OKLab
- oklab(0.6 0.215 0.12)
- CIE Lab
- lab(51.14 77.18 66.76)
- LCH
- lch(51.14 102.04 40.9)
- CMYK
- cmyk(0% 100% 100% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F53E2F
- FA5B4A
- FE7462
- FF8A79
- FF9E8F
- FFB2A5
- FFC6BC
- FFD9D2
- FFECE8
Schaduwen
- D10000
- B20000
- 950000
- 780000
- 5D0000
- 430000
- 2A0000
- 140000
- 030000
Tonen
- E72C21
- DD3F31
- D34D3E
- C9584A
- BE6154
- B3685D
- A86F66
- 9C756F
- 8E7B78
Kleurharmonieën
Complementair +180°
- F00000
Helvetia Red
- 0091A1
≈ Jaded
Analoog -30° +30°
- F00000
Helvetia Red
- E6007C
≈ Mexican Pink
- BC6700
≈ Camel Fur
Triadisch +120° +240°
- F00000
Helvetia Red
- 009A43
≈ Green Revolution
- 4E6FFF
≈ Blue Heath Butterfly
Gesplitst complementair +150° +210°
- F00000
Helvetia Red
- 009582
≈ Aqua Waters
- 0089C8
≈ Azul Caribe
Tetradisch +90° +180° +270°
- F00000
Helvetia Red
- 778B00
≈ Canopy
- 0091A1
≈ Jaded
- 994AFA
≈ Aconite Violet
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.46:1 · APCA Lc 68
Ag
AAOp zwart
WCAG 4.70:1 · APCA Lc 34
Beste tekstkleur: #000000
WCAG 4.70:1 (AA) · APCA Lc 34
Contrast pairs
Codefragmenten
CSS
:root {
--helvetia-red: #f00000;
--helvetia-red-rgb: 240 0 0;
--helvetia-red-oklch: oklch(0.6 0.246 29.2);
}
.element {
color: var(--helvetia-red);
background-color: hsl(0 100% 47%);
border-color: oklch(0.6 0.246 29.2);
}Tailwind CSS v4
@theme {
--color-helvetia-red: #f00000;
--color-helvetia-red-50: #ffdbca;
--color-helvetia-red-100: #ffc9b5;
--color-helvetia-red-200: #ffa992;
--color-helvetia-red-300: #ff7e64;
--color-helvetia-red-400: #ff4d3c;
--color-helvetia-red-500: #ff0000;
--color-helvetia-red-600: #d90000;
--color-helvetia-red-700: #af0000;
--color-helvetia-red-800: #830004;
--color-helvetia-red-900: #5d0004;
--color-helvetia-red-950: #3f0000;
}SCSS
$helvetia-red: #f00000;
$helvetia-red-rgb: 240, 0, 0;
$helvetia-red-light: mix(#fff, $helvetia-red, 20%);
$helvetia-red-dark: mix(#000, $helvetia-red, 20%);
.element {
color: $helvetia-red;
box-shadow: 0 0 0 2px rgba($helvetia-red, 0.35);
}