이름 색상 · #C9B7CE
Softly Softly
Softly Softly은(는) #C9B7CE: rgb(201 183 206), hsl(287 19% 76%), oklch(0.802 0.038 318.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Softly Softly color name →
#C9B7CE
oklch(0.802 0.038 318.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- CEBED3
- D4C5D8
- D9CCDD
- DED3E1
- E4DBE6
- E9E2EB
- EFE9F0
- F4F0F5
- FAF8FA
셰이드
- AE9FB3
- 958798
- 7C707F
- 645A66
- 4C454E
- 363138
- 221E23
- 0F0C0F
- 020202
톤
- C1B1C6
- BAACBE
- B3A6B6
- ABA1AE
- A49BA6
- 9D969E
- 959097
- 8E8B8F
- 878588
색 조화
보색 +180°
- C9B7CE
Softly Softly
- B2C4AD
≈ Zanah
유사색 -30° +30°
- C9B7CE
Softly Softly
- BDBBD6
≈ Lavender Grey
- D2B5C2
≈ Pink Pampas
삼각 배색 +120° +240°
- C9B7CE
Softly Softly
- CCBCA4
≈ Downing Sand
- A3C6C7
≈ Twin Cities
분열 보색 +150° +210°
- C9B7CE
Softly Softly
- C0C1A5
≈ Mint Frost
- A8C6BA
≈ Wave Runner
사각 배색 +90° +180° +270°
- C9B7CE
Softly Softly
- D3B8AA
≈ Corkscrew Willow
- B2C4AD
≈ Zanah
- A6C3D2
≈ Drenched
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.14:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.14:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
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);
}