이름 색상 · #EFB6D8
Soft Cashmere
Soft Cashmere은(는) #EFB6D8: rgb(239 182 216), hsl(324 64% 83%), oklch(0.838 0.079 342.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Soft Cashmere color name →
#EFB6D8
oklch(0.838 0.079 342.4)
색상 변환
- HEX
- #efb6d8
- RGB
- rgb(239 182 216)
- HSL
- hsl(324 64% 83%)
- HWB
- hwb(324 71% 6%)
- OKLCH
- oklch(0.838 0.079 342.4)
- OKLab
- oklab(0.838 0.075 -0.024)
- CIE Lab
- lab(80.12 25.15 -8.74)
- LCH
- lch(80.12 26.63 340.8)
- CMYK
- cmyk(0% 24% 10% 6%)
틴트 · 셰이드 · 톤
틴트
- F1BDDC
- F3C5E0
- F5CCE4
- F6D3E8
- F8DAEB
- FAE2EF
- FBE9F3
- FCF0F7
- FEF8FB
셰이드
- D09EBC
- B186A0
- 946F85
- 78596B
- 5C4453
- 42303B
- 2A1D25
- 140C11
- 030202
톤
- E4B1CF
- D8ABC6
- CDA6BD
- C2A0B4
- B79BAB
- AC96A2
- A1909A
- 968B91
- 8B8588
색 조화
보색 +180°
- EFB6D8
Soft Cashmere
- 9BDBBB
≈ Birthday King
유사색 -30° +30°
- EFB6D8
Soft Cashmere
- DCBCEF
≈ Beefy Pink
- F9B5BC
≈ Ballerina Pink
삼각 배색 +120° +240°
- EFB6D8
Soft Cashmere
- D3CC90
≈ Royal Goblet
- 8FD6EF
≈ Blue Effervescence
분열 보색 +150° +210°
- EFB6D8
Soft Cashmere
- B7D5A0
≈ In Good Taste
- 8ADBD7
≈ Island Oasis
사각 배색 +90° +180° +270°
- EFB6D8
Soft Cashmere
- EAC291
≈ Apple Turnover
- 9BDBBB
≈ Birthday King
- A5CEFD
≈ Baby Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.35:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.35:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--soft-cashmere: #efb6d8;
--soft-cashmere-rgb: 239 182 216;
--soft-cashmere-oklch: oklch(0.838 0.079 342.4);
}
.element {
color: var(--soft-cashmere);
background-color: hsl(324 64% 83%);
border-color: oklch(0.838 0.079 342.4);
}Tailwind CSS v4
@theme {
--color-soft-cashmere: #efb6d8;
--color-soft-cashmere-50: #ffedfb;
--color-soft-cashmere-100: #fcdeee;
--color-soft-cashmere-200: #eec7dc;
--color-soft-cashmere-300: #d6a8c1;
--color-soft-cashmere-400: #c08cab;
--color-soft-cashmere-500: #ab7194;
--color-soft-cashmere-600: #90607e;
--color-soft-cashmere-700: #744c65;
--color-soft-cashmere-800: #55374b;
--color-soft-cashmere-900: #3b2634;
--color-soft-cashmere-950: #25141f;
}SCSS
$soft-cashmere: #efb6d8;
$soft-cashmere-rgb: 239, 182, 216;
$soft-cashmere-light: mix(#fff, $soft-cashmere, 20%);
$soft-cashmere-dark: mix(#000, $soft-cashmere, 20%);
.element {
color: $soft-cashmere;
box-shadow: 0 0 0 2px rgba($soft-cashmere, 0.35);
}