이름 색상 · #FF88FF
Darling Bud
Darling Bud은(는) #FF88FF: rgb(255 136 255), hsl(300 100% 77%), oklch(0.798 0.202 327.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Darling Bud color name →
#FF88FF
oklch(0.798 0.202 327.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FF95FF
- FFA2FF
- FFAFFF
- FFBBFF
- FFC6FF
- FFD2FF
- FFDDFF
- FFE9FF
- FFF4FF
셰이드
- DE75DE
- BE63BE
- 9E529E
- 804180
- 633163
- 482248
- 2E132E
- 160616
- 030103
톤
- F289F2
- E689E5
- D989D8
- CC88CB
- C087BF
- B386B2
- A685A5
- 9A8499
- 8D828C
색 조화
보색 +180°
- FF88FF
Darling Bud
- 4ADE6A
≈ Hello Spring
유사색 -30° +30°
- FF88FF
Darling Bud
- C5ADFF
≈ Purple Hepatica
- FF99BE
≈ Saira Red
삼각 배색 +120° +240°
- FF88FF
Darling Bud
- EAB500
≈ Trumpet Gold
- 00D5EA
≈ Thousand Sons Blue
분열 보색 +150° +210°
- FF88FF
Darling Bud
- B5CB00
≈ Chartreuse Spark
- 00DBBC
≈ Channel Marker Green
사각 배색 +90° +180° +270°
- FF88FF
Darling Bud
- FFA55E
≈ Peaches à la Crème
- 4ADE6A
≈ Hello Spring
- 6DC8FF
≈ Skyan
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.05:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.21:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.21:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
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);
}