Color con nombre · #FF88FF
Darling Bud
Darling Bud es #FF88FF: rgb(255 136 255), hsl(300 100% 77%), oklch(0.798 0.202 327.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Darling Bud color name →
#FF88FF
oklch(0.798 0.202 327.3)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- FF95FF
- FFA2FF
- FFAFFF
- FFBBFF
- FFC6FF
- FFD2FF
- FFDDFF
- FFE9FF
- FFF4FF
Sombras
- DE75DE
- BE63BE
- 9E529E
- 804180
- 633163
- 482248
- 2E132E
- 160616
- 030103
Tonos
- F289F2
- E689E5
- D989D8
- CC88CB
- C087BF
- B386B2
- A685A5
- 9A8499
- 8D828C
Armonías de color
Complementario +180°
- FF88FF
Darling Bud
- 4ADE6A
≈ Hello Spring
Análogo -30° +30°
- FF88FF
Darling Bud
- C5ADFF
≈ Purple Hepatica
- FF99BE
≈ Saira Red
Triádico +120° +240°
- FF88FF
Darling Bud
- EAB500
≈ Trumpet Gold
- 00D5EA
≈ Thousand Sons Blue
Complementario dividido +150° +210°
- FF88FF
Darling Bud
- B5CB00
≈ Chartreuse Spark
- 00DBBC
≈ Channel Marker Green
Tetrádico +90° +180° +270°
- FF88FF
Darling Bud
- FFA55E
≈ Peaches à la Crème
- 4ADE6A
≈ Hello Spring
- 6DC8FF
≈ Skyan
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.21:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.21:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
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);
}