이름 색상 · #CDC1B2
Soft Pelican
Soft Pelican은(는) #CDC1B2: rgb(205 193 178), hsl(33 21% 75%), oklch(0.817 0.025 73.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Soft Pelican color name →
#CDC1B2
oklch(0.817 0.025 73.6)
색상 변환
- HEX
- #cdc1b2
- RGB
- rgb(205 193 178)
- HSL
- hsl(33 21% 75%)
- HWB
- hwb(33 70% 20%)
- OKLCH
- oklch(0.817 0.025 73.6)
- OKLab
- oklab(0.817 0.007 0.024)
- CIE Lab
- lab(78.76 2.48 9.17)
- LCH
- lch(78.76 9.5 74.8)
- CMYK
- cmyk(0% 6% 13% 20%)
틴트 · 셰이드 · 톤
틴트
- D2C7BA
- D7CDC1
- DCD3C9
- E1D9D0
- E6E0D8
- EBE6E0
- F0ECE7
- F5F2EF
- FAF9F7
셰이드
- B2A79A
- 988F83
- 7E776D
- 665F57
- 4E4943
- 38342F
- 23201D
- 0F0E0C
- 020201
톤
- C5BAAD
- BDB4A8
- B5ADA3
- ADA69E
- A6A099
- 9E9994
- 96938F
- 8F8D8A
- 878685
색 조화
보색 +180°
- CDC1B2
Soft Pelican
- B8C4D3
≈ Stargate
유사색 -30° +30°
- CDC1B2
Soft Pelican
- D2BEB6
≈ Summer Bloom
- C5C4B2
≈ Kangaroo
삼각 배색 +120° +240°
- CDC1B2
Soft Pelican
- B2C8C7
≈ Restful Retreat
- C9BFCF
≈ Romantic Poetry
분열 보색 +150° +210°
- CDC1B2
Soft Pelican
- B3C7CF
≈ Star Mist
- C0C1D3
≈ Silver Dagger
사각 배색 +90° +180° +270°
- CDC1B2
Soft Pelican
- B5C8BF
≈ Surf Spray
- B8C4D3
≈ Stargate
- CFBDC7
≈ Queen’s Tart
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.86:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--soft-pelican: #cdc1b2;
--soft-pelican-rgb: 205 193 178;
--soft-pelican-oklch: oklch(0.817 0.025 73.6);
}
.element {
color: var(--soft-pelican);
background-color: hsl(33 21% 75%);
border-color: oklch(0.817 0.025 73.6);
}Tailwind CSS v4
@theme {
--color-soft-pelican: #cdc1b2;
--color-soft-pelican-50: #f9f4ee;
--color-soft-pelican-100: #ede7df;
--color-soft-pelican-200: #dad3c9;
--color-soft-pelican-300: #bfb6aa;
--color-soft-pelican-400: #a89d8f;
--color-soft-pelican-500: #908475;
--color-soft-pelican-600: #7a7063;
--color-soft-pelican-700: #62594f;
--color-soft-pelican-800: #484139;
--color-soft-pelican-900: #322d27;
--color-soft-pelican-950: #1e1a15;
}SCSS
$soft-pelican: #cdc1b2;
$soft-pelican-rgb: 205, 193, 178;
$soft-pelican-light: mix(#fff, $soft-pelican, 20%);
$soft-pelican-dark: mix(#000, $soft-pelican, 20%);
.element {
color: $soft-pelican;
box-shadow: 0 0 0 2px rgba($soft-pelican, 0.35);
}