命名颜色 · #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