Benannte Farbe · #F18A76
Corralize
Corralize ist #F18A76: rgb(241 138 118), hsl(10 81% 70%), oklch(0.74 0.13 32). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Corralize color name →
#F18A76
oklch(0.74 0.13 32)
Farbumrechnungen
- HEX
- #f18a76
- RGB
- rgb(241 138 118)
- HSL
- hsl(10 81% 70%)
- HWB
- hwb(10 46% 5%)
- OKLCH
- oklch(0.74 0.13 32)
- OKLab
- oklab(0.74 0.11 0.069)
- CIE Lab
- lab(68.67 38.7 28.72)
- LCH
- lch(68.67 48.19 36.6)
- CMYK
- cmyk(0% 43% 51% 5%)
Tints · Shades · Tones
Tints
- F49684
- F6A291
- F8AE9F
- FABAAC
- FCC5BA
- FDD1C8
- FEDCD5
- FFE8E3
- FFF3F1
Shades
- D27766
- B36556
- 955347
- 794238
- 5D3229
- 43221C
- 2B140F
- 140705
- 030101
Tones
- E68A78
- DB8979
- D0897A
- C5887B
- BA877C
- AE867D
- A3857E
- 98837F
- 8C827F
Farbharmonien
Komplementär +180°
- F18A76
Corralize
- 00BFDA
≈ Caribbean Blue
Analog -30° +30°
- F18A76
Corralize
- ED86A4
≈ Rose Glory
- E5974C
≈ Colorado Peach
Triadisch +120° +240°
- F18A76
Corralize
- 65C281
≈ Clover Mist
- 8EA5FC
≈ Widowmaker
Geteilt komplementär +150° +210°
- F18A76
Corralize
- 16C5B1
≈ Amazonite
- 56B4F5
≈ Tiān Lán Sky
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.43:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.63:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--corralize: #f18a76;
--corralize-rgb: 241 138 118;
--corralize-oklch: oklch(0.74 0.13 32);
}
.element {
color: var(--corralize);
background-color: hsl(10 81% 70%);
border-color: oklch(0.74 0.13 32);
}Tailwind CSS v4
@theme {
--color-corralize: #f18a76;
--color-corralize-50: #ffe9dd;
--color-corralize-100: #ffd9cc;
--color-corralize-200: #ffc1b0;
--color-corralize-300: #f29f8b;
--color-corralize-400: #e0806d;
--color-corralize-500: #ce614d;
--color-corralize-600: #ae5242;
--color-corralize-700: #8c4234;
--color-corralize-800: #682f26;
--color-corralize-900: #49201a;
--color-corralize-950: #300f0a;
}SCSS
$corralize: #f18a76;
$corralize-rgb: 241, 138, 118;
$corralize-light: mix(#fff, $corralize, 20%);
$corralize-dark: mix(#000, $corralize, 20%);
.element {
color: $corralize;
box-shadow: 0 0 0 2px rgba($corralize, 0.35);
}