色名 · #D0ADD3
Plink
Plinkは#D0ADD3：rgb(208 173 211)、hsl(295 30% 75%)、oklch(0.79 0.065 323.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Plink color name →
#D0ADD3
oklch(0.79 0.065 323.6)
カラー変換
- HEX
- #d0add3
- RGB
- rgb(208 173 211)
- HSL
- hsl(295 30% 75%)
- HWB
- hwb(295 68% 17%)
- OKLCH
- oklch(0.79 0.065 323.6)
- OKLab
- oklab(0.79 0.053 -0.039)
- CIE Lab
- lab(74.79 18.04 -14.34)
- LCH
- lch(74.79 23.04 321.5)
- CMYK
- cmyk(1% 18% 0% 17%)
ティント · シェード · トーン
ティント
- D5B5D7
- DABDDC
- DEC5E0
- E3CDE5
- E8D6E9
- ECDEED
- F1E6F2
- F6EEF6
- FAF7FB
シェード
- B596B7
- 9A7F9C
- 806A82
- 675569
- 4F4151
- 392D3A
- 231B24
- 100B10
- 020102
トーン
- C8A8CA
- C0A4C2
- B79FB9
- AF9BB1
- A796A9
- 9F92A0
- 978D98
- 908990
- 888488
カラーハーモニー
補色 +180°
- D0ADD3
Plink
- A2C6A0
≈ French Market
類似色 -30° +30°
- D0ADD3
Plink
- BCB3E1
≈ Beloved
- DDAABE
≈ Apple Infusion
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- D0ADD3
Plink
- BAC090
≈ Jitterbug
- 8FC9B7
≈ Tranquil Teal
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.60:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--plink: #d0add3;
--plink-rgb: 208 173 211;
--plink-oklch: oklch(0.79 0.065 323.6);
}
.element {
color: var(--plink);
background-color: hsl(295 30% 75%);
border-color: oklch(0.79 0.065 323.6);
}Tailwind CSS v4
@theme {
--color-plink: #d0add3;
--color-plink-50: #ffefff;
--color-plink-100: #f4e1f4;
--color-plink-200: #e3cbe4;
--color-plink-300: #c9acca;
--color-plink-400: #b292b5;
--color-plink-500: #9c789f;
--color-plink-600: #846586;
--color-plink-700: #6a516c;
--color-plink-800: #4d3b50;
--color-plink-900: #362838;
--color-plink-950: #211622;
}SCSS
$plink: #d0add3;
$plink-rgb: 208, 173, 211;
$plink-light: mix(#fff, $plink, 20%);
$plink-dark: mix(#000, $plink, 20%);
.element {
color: $plink;
box-shadow: 0 0 0 2px rgba($plink, 0.35);
}