色名 · #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°
- CD7DB5
Peruvian Lily
- B286D5
≈ Middy’s Purple
- DB7A8C
≈ I Love You Pink
トライアド +120° +240°
- CD7DB5
Peruvian Lily
- AF9D37
≈ Golden Olive
- 17ADCF
≈ Hú Lán Blue
スプリットコンプリメンタリー +150° +210°
- CD7DB5
Peruvian Lily
- 84AB55
≈ Mosquito Fern
- 00B3AB
≈ Glass Jar Blue
テトラード +90° +180° +270°
- CD7DB5
Peruvian Lily
- CD8D3E
≈ Hey Honey!
- 4DB380
≈ Divot
- 5BA1E4
≈ Perfect Days
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.91:1 · APCA Lc 55
Ag
AAA黒の上
WCAG 7.19:1 · APCA Lc 46
最適な文字色: #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);
}