Màu có tên · #C9B7CE
Softly Softly
Softly Softly là #C9B7CE: rgb(201 183 206), hsl(287 19% 76%), oklch(0.802 0.038 318.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Purple mean? → · Softly Softly color name →
#C9B7CE
oklch(0.802 0.038 318.8)
Chuyển đổi màu
- HEX
- #c9b7ce
- RGB
- rgb(201 183 206)
- HSL
- hsl(287 19% 76%)
- HWB
- hwb(287 72% 19%)
- OKLCH
- oklch(0.802 0.038 318.8)
- OKLab
- oklab(0.802 0.028 -0.025)
- CIE Lab
- lab(76.49 9.72 -9.2)
- LCH
- lch(76.49 13.39 316.6)
- CMYK
- cmyk(2% 11% 0% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CEBED3
- D4C5D8
- D9CCDD
- DED3E1
- E4DBE6
- E9E2EB
- EFE9F0
- F4F0F5
- FAF8FA
Sắc đậm
- AE9FB3
- 958798
- 7C707F
- 645A66
- 4C454E
- 363138
- 221E23
- 0F0C0F
- 020202
Sắc xám
- C1B1C6
- BAACBE
- B3A6B6
- ABA1AE
- A49BA6
- 9D969E
- 959097
- 8E8B8F
- 878588
Hòa sắc
Bổ túc +180°
- C9B7CE
Softly Softly
- B2C4AD
≈ Zanah
Tương đồng -30° +30°
- C9B7CE
Softly Softly
- BDBBD6
≈ Lavender Grey
- D2B5C2
≈ Pink Pampas
Bộ ba +120° +240°
- C9B7CE
Softly Softly
- CCBCA4
≈ Downing Sand
- A3C6C7
≈ Twin Cities
Bổ túc chia +150° +210°
- C9B7CE
Softly Softly
- C0C1A5
≈ Mint Frost
- A8C6BA
≈ Wave Runner
Bộ bốn +90° +180° +270°
- C9B7CE
Softly Softly
- D3B8AA
≈ Corkscrew Willow
- B2C4AD
≈ Zanah
- A6C3D2
≈ Drenched
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.88:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.14:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.14:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--softly-softly: #c9b7ce;
--softly-softly-rgb: 201 183 206;
--softly-softly-oklch: oklch(0.802 0.038 318.8);
}
.element {
color: var(--softly-softly);
background-color: hsl(287 19% 76%);
border-color: oklch(0.802 0.038 318.8);
}Tailwind CSS v4
@theme {
--color-softly-softly: #c9b7ce;
--color-softly-softly-50: #faf2fc;
--color-softly-softly-100: #eee4f0;
--color-softly-softly-200: #dccfde;
--color-softly-softly-300: #c1b1c3;
--color-softly-softly-400: #a898ad;
--color-softly-softly-500: #917f96;
--color-softly-softly-600: #7b6b7f;
--color-softly-softly-700: #625666;
--color-softly-softly-800: #483e4b;
--color-softly-softly-900: #322b34;
--color-softly-softly-950: #1e1820;
}SCSS
$softly-softly: #c9b7ce;
$softly-softly-rgb: 201, 183, 206;
$softly-softly-light: mix(#fff, $softly-softly, 20%);
$softly-softly-dark: mix(#000, $softly-softly, 20%);
.element {
color: $softly-softly;
box-shadow: 0 0 0 2px rgba($softly-softly, 0.35);
}