이름 색상 · #CD7DB5

Peruvian Lily

Peruvian Lily은(는) #CD7DB5: rgb(205 125 181), hsl(318 44% 65%), oklch(0.692 0.122 338.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Pink mean? → · Peruvian Lily color name →

#CD7DB5

oklch(0.692 0.122 338.9)

색상 변환

HEX: #cd7db5
RGB: rgb(205 125 181)
HSL: hsl(318 44% 65%)
HWB: hwb(318 49% 20%)
OKLCH: oklch(0.692 0.122 338.9)
OKLab: oklab(0.692 0.114 -0.044)
CIE Lab: lab(62.58 37.67 -15.98)
LCH: lch(62.58 40.92 337)
CMYK: cmyk(0% 39% 12% 20%)

틴트 · 셰이드 · 톤

틴트

D38ABC
D897C4
DEA4CB
E3B1D2
E8BEDA
EDCBE1
F2D8E9
F6E5F0
FBF2F8

셰이드

B26C9D
985B86
7E4B6F
663B59
4E2C44
381E30
23111D
0F050C
020102

톤

C67EB0
BE7FAA
B77FA5
AF80A0
A7809A
A08095
988090
90808B
888085

색 조화

보색 +180°

CD7DB5
Peruvian Lily
4DB380
≈ Divot

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 2.91:1 · APCA Lc 55

Fail

검은색 위

WCAG 7.19:1 · APCA Lc 46

AAA

가장 좋은 글자색: #000000

WCAG 7.19:1 (AAA) · APCA Lc 46

Contrast pairs

코드 스니펫

CSS

:root {
  --peruvian-lily: #cd7db5;
  --peruvian-lily-rgb: 205 125 181;
  --peruvian-lily-oklch: oklch(0.692 0.122 338.9);
}

.element {
  color: var(--peruvian-lily);
  background-color: hsl(318 44% 65%);
  border-color: oklch(0.692 0.122 338.9);
}

Tailwind CSS v4

@theme {
  --color-peruvian-lily: #cd7db5;
  --color-peruvian-lily-50: #ffe8ff;
  --color-peruvian-lily-100: #ffd9f4;
  --color-peruvian-lily-200: #f9c0e4;
  --color-peruvian-lily-300: #e29fca;
  --color-peruvian-lily-400: #cd81b6;
  --color-peruvian-lily-500: #b963a1;
  --color-peruvian-lily-600: #9d5588;
  --color-peruvian-lily-700: #7e436d;
  --color-peruvian-lily-800: #5c3152;
  --color-peruvian-lily-900: #412139;
  --color-peruvian-lily-950: #291023;
}

SCSS

$peruvian-lily: #cd7db5;
$peruvian-lily-rgb: 205, 125, 181;
$peruvian-lily-light: mix(#fff, $peruvian-lily, 20%);
$peruvian-lily-dark: mix(#000, $peruvian-lily, 20%);

.element {
  color: $peruvian-lily;
  box-shadow: 0 0 0 2px rgba($peruvian-lily, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API