Warna bernama · #FF9B87
Candy
Candy adalah #FF9B87: rgb(255 155 135), hsl(10 100% 76%), oklch(0.788 0.124 32.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Candy color name →
#FF9B87
oklch(0.788 0.124 32.1)
Konversi warna
- HEX
- #ff9b87
- RGB
- rgb(255 155 135)
- HSL
- hsl(10 100% 76%)
- HWB
- hwb(10 53% 0%)
- OKLCH
- oklch(0.788 0.124 32.1)
- OKLab
- oklab(0.788 0.105 0.066)
- CIE Lab
- lab(74.33 36.8 27.25)
- LCH
- lch(74.33 45.79 36.5)
- CMYK
- cmyk(0% 39% 47% 0%)
Tint · Shade · Tone
Tint
- FFA593
- FFB09F
- FFBAAB
- FFC4B7
- FFCEC3
- FFD8CF
- FFE2DB
- FFEBE7
- FFF5F3
Shade
- DE8675
- BE7263
- 9E5E51
- 804B41
- 633931
- 482821
- 2E1813
- 160906
- 030101
Tone
- F29987
- E69686
- D99486
- CD9185
- C08F85
- B38C84
- A78983
- 9A8682
- 8D8381
Harmoni warna
Komplementer +180°
- FF9B87
Candy
- 3BCEE8
≈ Picnic Day Sky
Analog -30° +30°
- FF9B87
Candy
- FB97B3
≈ Baker-Miller Pink
- F2A761
≈ Sandy Brown
Triadik +120° +240°
- FF9B87
Candy
- 78D192
≈ Jube Green
- A2B6FF
≈ Truesky Gloxym
Split-komplementer +150° +210°
- FF9B87
Candy
- 43D4C0
≈ Turquoise Panic
- 71C3FF
≈ Maya Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.04:1 · APCA Lc 39
Ag
AAADi atas hitam
WCAG 10.29:1 · APCA Lc 63
Warna teks terbaik: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Cuplikan kode
CSS
:root {
--candy: #ff9b87;
--candy-rgb: 255 155 135;
--candy-oklch: oklch(0.788 0.124 32.1);
}
.element {
color: var(--candy);
background-color: hsl(10 100% 76%);
border-color: oklch(0.788 0.124 32.1);
}Tailwind CSS v4
@theme {
--color-candy: #ff9b87;
--color-candy-50: #ffe9de;
--color-candy-100: #ffdacd;
--color-candy-200: #ffc2b1;
--color-candy-300: #f0a08d;
--color-candy-400: #de816f;
--color-candy-500: #cb634f;
--color-candy-600: #ab5444;
--color-candy-700: #8a4336;
--color-candy-800: #673028;
--color-candy-900: #48201a;
--color-candy-950: #2f0f0b;
}SCSS
$candy: #ff9b87;
$candy-rgb: 255, 155, 135;
$candy-light: mix(#fff, $candy, 20%);
$candy-dark: mix(#000, $candy, 20%);
.element {
color: $candy;
box-shadow: 0 0 0 2px rgba($candy, 0.35);
}