Benannte Farbe · #FF8B87
Coral Trails
Coral Trails ist #FF8B87: rgb(255 139 135), hsl(2 100% 76%), oklch(0.762 0.141 23). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Coral Trails color name →
#FF8B87
oklch(0.762 0.141 23)
Farbumrechnungen
- HEX
- #ff8b87
- RGB
- rgb(255 139 135)
- HSL
- hsl(2 100% 76%)
- HWB
- hwb(2 53% 0%)
- OKLCH
- oklch(0.762 0.141 23)
- OKLab
- oklab(0.762 0.13 0.055)
- CIE Lab
- lab(71.03 44.55 22.9)
- LCH
- lch(71.03 50.09 27.2)
- CMYK
- cmyk(0% 45% 47% 0%)
Tints · Shades · Tones
Tints
- FF9793
- FFA39F
- FFAFAA
- FFBBB6
- FFC6C2
- FFD2CE
- FFDDDA
- FFE8E6
- FFF4F3
Shades
- DE7875
- BE6663
- 9E5451
- 804341
- 633231
- 482321
- 2E1413
- 160706
- 030101
Tones
- F38B87
- E68A86
- DA8A85
- CD8985
- C18884
- B48683
- A78583
- 9A8482
- 8D8281
Farbharmonien
Komplementär +180°
- FF8B87
Coral Trails
- 00C9D6
≈ Turquoise Surf
Analog -30° +30°
- FF8B87
Coral Trails
- F68ABA
≈ Cochonnet
- F79655
≈ Holland Tulip
Triadisch +120° +240°
- FF8B87
Coral Trails
- 78C974
≈ Emerald Rain
- 89B1FF
≈ Kitten’s Eye
Geteilt komplementär +150° +210°
- FF8B87
Coral Trails
- 20CEA9
≈ Mint Leaf
- 39C0FC
≈ Megaman
Tetradisch +90° +180° +270°
- FF8B87
Coral Trails
- B3BB44
≈ Hopscotch
- 00C9D6
≈ Turquoise Surf
- B5A1FF
≈ Shy Moment
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.25:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.29:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--coral-trails: #ff8b87;
--coral-trails-rgb: 255 139 135;
--coral-trails-oklch: oklch(0.762 0.141 23);
}
.element {
color: var(--coral-trails);
background-color: hsl(2 100% 76%);
border-color: oklch(0.762 0.141 23);
}Tailwind CSS v4
@theme {
--color-coral-trails: #ff8b87;
--color-coral-trails-50: #ffe6e1;
--color-coral-trails-100: #ffd6d0;
--color-coral-trails-200: #ffbdb6;
--color-coral-trails-300: #f79a93;
--color-coral-trails-400: #e67a77;
--color-coral-trails-500: #d35958;
--color-coral-trails-600: #b34c4b;
--color-coral-trails-700: #903d3c;
--color-coral-trails-800: #6b2b2c;
--color-coral-trails-900: #4b1d1e;
--color-coral-trails-950: #310c0e;
}SCSS
$coral-trails: #ff8b87;
$coral-trails-rgb: 255, 139, 135;
$coral-trails-light: mix(#fff, $coral-trails, 20%);
$coral-trails-dark: mix(#000, $coral-trails, 20%);
.element {
color: $coral-trails;
box-shadow: 0 0 0 2px rgba($coral-trails, 0.35);
}