Warna bernama · #FF88FF
Darling Bud
Darling Bud adalah #FF88FF: rgb(255 136 255), hsl(300 100% 77%), oklch(0.798 0.202 327.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Purple mean? → · Darling Bud color name →
#FF88FF
oklch(0.798 0.202 327.3)
Konversi warna
- HEX
- #ff88ff
- RGB
- rgb(255 136 255)
- HSL
- hsl(300 100% 77%)
- HWB
- hwb(300 53% 0%)
- OKLCH
- oklch(0.798 0.202 327.3)
- OKLab
- oklab(0.798 0.17 -0.109)
- CIE Lab
- lab(73.52 57.86 -39.56)
- LCH
- lch(73.52 70.09 325.6)
- CMYK
- cmyk(0% 47% 0% 0%)
Tint · Shade · Tone
Tint
- FF95FF
- FFA2FF
- FFAFFF
- FFBBFF
- FFC6FF
- FFD2FF
- FFDDFF
- FFE9FF
- FFF4FF
Shade
- DE75DE
- BE63BE
- 9E529E
- 804180
- 633163
- 482248
- 2E132E
- 160616
- 030103
Tone
- F289F2
- E689E5
- D989D8
- CC88CB
- C087BF
- B386B2
- A685A5
- 9A8499
- 8D828C
Harmoni warna
Komplementer +180°
- FF88FF
Darling Bud
- 4ADE6A
≈ Hello Spring
Analog -30° +30°
- FF88FF
Darling Bud
- C5ADFF
≈ Purple Hepatica
- FF99BE
≈ Saira Red
Triadik +120° +240°
- FF88FF
Darling Bud
- EAB500
≈ Trumpet Gold
- 00D5EA
≈ Thousand Sons Blue
Split-komplementer +150° +210°
- FF88FF
Darling Bud
- B5CB00
≈ Chartreuse Spark
- 00DBBC
≈ Channel Marker Green
Tetradik +90° +180° +270°
- FF88FF
Darling Bud
- FFA55E
≈ Peaches à la Crème
- 4ADE6A
≈ Hello Spring
- 6DC8FF
≈ Skyan
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.05:1 · APCA Lc 40
Ag
AAADi atas hitam
WCAG 10.21:1 · APCA Lc 63
Warna teks terbaik: #000000
WCAG 10.21:1 (AAA) · APCA Lc 63
Contrast pairs
Cuplikan kode
CSS
:root {
--darling-bud: #ff88ff;
--darling-bud-rgb: 255 136 255;
--darling-bud-oklch: oklch(0.798 0.202 327.3);
}
.element {
color: var(--darling-bud);
background-color: hsl(300 100% 77%);
border-color: oklch(0.798 0.202 327.3);
}Tailwind CSS v4
@theme {
--color-darling-bud: #ff88ff;
--color-darling-bud-50: #ffe1ff;
--color-darling-bud-100: #ffd0ff;
--color-darling-bud-200: #ffb4fe;
--color-darling-bud-300: #ef8fe9;
--color-darling-bud-400: #db6cdb;
--color-darling-bud-500: #c745c9;
--color-darling-bud-600: #a83caa;
--color-darling-bud-700: #873088;
--color-darling-bud-800: #632267;
--color-darling-bud-900: #461749;
--color-darling-bud-950: #2d0630;
}SCSS
$darling-bud: #ff88ff;
$darling-bud-rgb: 255, 136, 255;
$darling-bud-light: mix(#fff, $darling-bud, 20%);
$darling-bud-dark: mix(#000, $darling-bud, 20%);
.element {
color: $darling-bud;
box-shadow: 0 0 0 2px rgba($darling-bud, 0.35);
}