Nächste benannte Farbe · #FF613C
#FF613C
Nächste benannte Farbe: Halloween
#FF613C (rgb(255 97 60), hsl(11 100% 62%), oklch(0.693 0.2 34.5)) liegt am nächsten an der benannten Farbe Halloween. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FF613C
oklch(0.693 0.2 34.5)
Farbumrechnungen
- HEX
- #ff613c
- RGB
- rgb(255 97 60)
- HSL
- hsl(11 100% 62%)
- HWB
- hwb(11 24% 0%)
- OKLCH
- oklch(0.693 0.2 34.5)
- OKLab
- oklab(0.693 0.165 0.113)
- CIE Lab
- lab(62.59 59.87 53.05)
- LCH
- lch(62.59 79.99 41.5)
- CMYK
- cmyk(0% 62% 76% 0%)
Tints · Shades · Tones
Tints
- FF7453
- FF8567
- FF967B
- FFA68E
- FFB5A1
- FFC4B4
- FFD3C6
- FFE2D9
- FFF0EC
Shades
- DE5333
- BE462A
- 9E3921
- 802D19
- 632111
- 48150A
- 2E0B04
- 160301
- 030000
Tones
- F36746
- E76C4F
- DB7057
- CF745E
- C37765
- B67A6B
- A97C70
- 9C7E76
- 8E7F7B
Farbharmonien
Komplementär +180°
- FF613C
Halloween
- 00AFCB
≈ Havasupai Falls
Analog -30° +30°
- FF613C
Halloween
- FB5A8D
≈ Stellar Strawberry
- DD8400
≈ Tangerine Haze
Triadisch +120° +240°
- FF613C
Halloween
- 00BA69
≈ Green Elliott
- 7F91FF
≈ Lavender Blue Shadow
Geteilt komplementär +150° +210°
- FF613C
Halloween
- 00B4A5
≈ Glass Jar Blue
- 00A4FE
≈ Protoss Pylon
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.98:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.02:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.02:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--halloween: #ff613c;
--halloween-rgb: 255 97 60;
--halloween-oklch: oklch(0.693 0.2 34.5);
}
.element {
color: var(--halloween);
background-color: hsl(11 100% 62%);
border-color: oklch(0.693 0.2 34.5);
}Tailwind CSS v4
@theme {
--color-halloween: #ff613c;
--color-halloween-50: #ffe2cd;
--color-halloween-100: #ffd1b9;
--color-halloween-200: #ffb597;
--color-halloween-300: #ff8f6b;
--color-halloween-400: #fd6845;
--color-halloween-500: #ed3b01;
--color-halloween-600: #c8340b;
--color-halloween-700: #a12a0a;
--color-halloween-800: #781c0b;
--color-halloween-900: #551307;
--color-halloween-950: #390300;
}SCSS
$halloween: #ff613c;
$halloween-rgb: 255, 97, 60;
$halloween-light: mix(#fff, $halloween, 20%);
$halloween-dark: mix(#000, $halloween, 20%);
.element {
color: $halloween;
box-shadow: 0 0 0 2px rgba($halloween, 0.35);
}