이름 색상 · #DD4492
Prunus Avium
Prunus Avium은(는) #DD4492: rgb(221 68 146), hsl(329 69% 57%), oklch(0.626 0.202 353.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Prunus Avium color name →
#DD4492
oklch(0.626 0.202 353.2)
색상 변환
- HEX
- #dd4492
- RGB
- rgb(221 68 146)
- HSL
- hsl(329 69% 57%)
- HWB
- hwb(329 27% 13%)
- OKLCH
- oklch(0.626 0.202 353.2)
- OKLab
- oklab(0.626 0.2 -0.024)
- CIE Lab
- lab(54 64.43 -8.22)
- LCH
- lch(54 64.95 352.7)
- CMYK
- cmyk(0% 69% 34% 13%)
틴트 · 셰이드 · 톤
틴트
- E35B9C
- E86FA7
- ED82B2
- F295BC
- F6A7C7
- F9B9D2
- FBCADD
- FDDCE8
- FFEDF4
셰이드
- C03A7E
- A4306B
- 882658
- 6E1D46
- 551435
- 3D0C25
- 260516
- 110208
- 020001
톤
- D54E90
- CD568E
- C45E8D
- BC648B
- B36A89
- AA6F87
- A07485
- 967884
- 8B7C82
색 조화
보색 +180°
- DD4492
Prunus Avium
- 009F81
≈ Reptilian Green
유사색 -30° +30°
- DD4492
Prunus Avium
- BF53CC
≈ Love Priestess
- E9434A
≈ X Marks the Spot
삼각 배색 +120° +240°
- DD4492
Prunus Avium
- 899000
≈ Old Asparagus
- 0094C9
≈ Germander Speedwell
분열 보색 +150° +210°
- DD4492
Prunus Avium
- 15A41E
≈ Dry Highlighter Green
- 009AA5
≈ Turkish Boy
사각 배색 +90° +180° +270°
- DD4492
Prunus Avium
- AD7F00
≈ Murder Mustard
- 009F81
≈ Reptilian Green
- 447FFF
≈ C64 NTSC
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.95:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.31:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--prunus-avium: #dd4492;
--prunus-avium-rgb: 221 68 146;
--prunus-avium-oklch: oklch(0.626 0.202 353.2);
}
.element {
color: var(--prunus-avium);
background-color: hsl(329 69% 57%);
border-color: oklch(0.626 0.202 353.2);
}Tailwind CSS v4
@theme {
--color-prunus-avium: #dd4492;
--color-prunus-avium-50: #ffdef8;
--color-prunus-avium-100: #ffcceb;
--color-prunus-avium-200: #ffafd8;
--color-prunus-avium-300: #ff88bc;
--color-prunus-avium-400: #f462a8;
--color-prunus-avium-500: #e23491;
--color-prunus-avium-600: #bf2f7b;
--color-prunus-avium-700: #992562;
--color-prunus-avium-800: #72194a;
--color-prunus-avium-900: #501134;
--color-prunus-avium-950: #35021f;
}SCSS
$prunus-avium: #dd4492;
$prunus-avium-rgb: 221, 68, 146;
$prunus-avium-light: mix(#fff, $prunus-avium, 20%);
$prunus-avium-dark: mix(#000, $prunus-avium, 20%);
.element {
color: $prunus-avium;
box-shadow: 0 0 0 2px rgba($prunus-avium, 0.35);
}