이름 색상 · #410056
Ripe Plum
Ripe Plum은(는) #410056: rgb(65 0 86), hsl(285 100% 17%), oklch(0.281 0.138 315). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Ripe Plum color name →
#410056
oklch(0.281 0.138 315)
색상 변환
- HEX
- #410056
- RGB
- rgb(65 0 86)
- HSL
- hsl(285 100% 17%)
- HWB
- hwb(285 0% 66%)
- OKLCH
- oklch(0.281 0.138 315)
- OKLab
- oklab(0.281 0.098 -0.098)
- CIE Lab
- lab(14.06 38.1 -34.86)
- LCH
- lch(14.06 51.64 317.5)
- CMYK
- cmyk(24% 100% 0% 66%)
틴트 · 셰이드 · 톤
틴트
- 532067
- 653977
- 775088
- 896899
- 9C80AA
- B098BA
- C3B1CB
- D7CBDD
- EBE5EE
셰이드
- 37004A
- 2E003E
- 250032
- 1C0027
- 13001C
- 0B0012
- 050008
- 010002
- 000000
톤
- 48145B
- 4E2360
- 542F64
- 5B3B69
- 61476D
- 675271
- 6E5E75
- 746979
- 7A747D
색 조화
보색 +180°
- 410056
Ripe Plum
- 153100
≈ Witch Wart
유사색 -30° +30°
- 410056
Ripe Plum
- 281168
≈ Nebula Night
- 4D0036
≈ Pion Purple
삼각 배색 +120° +240°
- 410056
Ripe Plum
- 3A2400
≈ Dark Ebony
- 003030
≈ Roof Tile Green
분열 보색 +150° +210°
- 410056
Ripe Plum
- 2E2A00
≈ Secret Passage
- 003222
≈ Nightly Woods
사각 배색 +90° +180° +270°
- 410056
Ripe Plum
- 481800
≈ Old Study
- 153100
≈ Witch Wart
- 002E3D
≈ Nordic Noir
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.45:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.35:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.45:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--ripe-plum: #410056;
--ripe-plum-rgb: 65 0 86;
--ripe-plum-oklch: oklch(0.281 0.138 315);
}
.element {
color: var(--ripe-plum);
background-color: hsl(285 100% 17%);
border-color: oklch(0.281 0.138 315);
}Tailwind CSS v4
@theme {
--color-ripe-plum: #410056;
--color-ripe-plum-50: #ffeaff;
--color-ripe-plum-100: #fbdaff;
--color-ripe-plum-200: #edc2fc;
--color-ripe-plum-300: #d4a1e6;
--color-ripe-plum-400: #bd84d6;
--color-ripe-plum-500: #a866c4;
--color-ripe-plum-600: #8e57a6;
--color-ripe-plum-700: #724585;
--color-ripe-plum-800: #533264;
--color-ripe-plum-900: #3a2246;
--color-ripe-plum-950: #24112e;
}SCSS
$ripe-plum: #410056;
$ripe-plum-rgb: 65, 0, 86;
$ripe-plum-light: mix(#fff, $ripe-plum, 20%);
$ripe-plum-dark: mix(#000, $ripe-plum, 20%);
.element {
color: $ripe-plum;
box-shadow: 0 0 0 2px rgba($ripe-plum, 0.35);
}