Warna bernama · #FF8B87
Coral Trails
Coral Trails adalah #FF8B87: rgb(255 139 135), hsl(2 100% 76%), oklch(0.762 0.141 23). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Coral Trails color name →
#FF8B87
oklch(0.762 0.141 23)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FF9793
- FFA39F
- FFAFAA
- FFBBB6
- FFC6C2
- FFD2CE
- FFDDDA
- FFE8E6
- FFF4F3
Shade
- DE7875
- BE6663
- 9E5451
- 804341
- 633231
- 482321
- 2E1413
- 160706
- 030101
Tone
- F38B87
- E68A86
- DA8A85
- CD8985
- C18884
- B48683
- A78583
- 9A8482
- 8D8281
Harmoni warna
Komplementer +180°
- FF8B87
Coral Trails
- 00C9D6
≈ Turquoise Surf
Analog -30° +30°
- FF8B87
Coral Trails
- F68ABA
≈ Cochonnet
- F79655
≈ Holland Tulip
Triadik +120° +240°
- FF8B87
Coral Trails
- 78C974
≈ Emerald Rain
- 89B1FF
≈ Kitten’s Eye
Split-komplementer +150° +210°
- FF8B87
Coral Trails
- 20CEA9
≈ Mint Leaf
- 39C0FC
≈ Megaman
Tetradik +90° +180° +270°
- FF8B87
Coral Trails
- B3BB44
≈ Hopscotch
- 00C9D6
≈ Turquoise Surf
- B5A1FF
≈ Shy Moment
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.25:1 · APCA Lc 44
Ag
AAADi atas hitam
WCAG 9.29:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
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);
}