이름 색상 · #D7C0C7
Pelican Bill
Pelican Bill은(는) #D7C0C7: rgb(215 192 199), hsl(342 22% 80%), oklch(0.829 0.028 357.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Pelican Bill color name →
#D7C0C7
oklch(0.829 0.028 357.3)
색상 변환
- HEX
- #d7c0c7
- RGB
- rgb(215 192 199)
- HSL
- hsl(342 22% 80%)
- HWB
- hwb(342 75% 16%)
- OKLCH
- oklch(0.829 0.028 357.3)
- OKLab
- oklab(0.829 0.028 -0.001)
- CIE Lab
- lab(79.82 9.29 -0.4)
- LCH
- lch(79.82 9.29 357.5)
- CMYK
- cmyk(0% 11% 7% 16%)
틴트 · 셰이드 · 톤
틴트
- DBC6CC
- DFCCD2
- E3D3D8
- E7D9DD
- EBDFE3
- EFE5E8
- F3ECEE
- F7F2F4
- FBF9F9
셰이드
- BBA7AD
- 9F8E93
- 85767A
- 6B5F62
- 52494C
- 3B3436
- 252021
- 110E0E
- 020202
톤
- CEB9C0
- C5B3B8
- BCACB1
- B3A6AA
- AB9FA3
- A2999C
- 999395
- 918C8E
- 888687
색 조화
보색 +180°
- D7C0C7
Pelican Bill
- B5CDC7
≈ Sea Sprite
유사색 -30° +30°
- D7C0C7
Pelican Bill
- D1C1D0
≈ Amethyst Light Violet
- D9C1BD
≈ Peony Blush
삼각 배색 +120° +240°
- D7C0C7
Pelican Bill
- C5CAB6
≈ Celadon Tint
- B7CAD7
≈ Denim Light
분열 보색 +150° +210°
- D7C0C7
Pelican Bill
- BCCCBD
≈ Organza Green
- B3CCD0
≈ Dewpoint
사각 배색 +90° +180° +270°
- D7C0C7
Pelican Bill
- CFC6B3
≈ Velvet Beige
- B5CDC7
≈ Sea Sprite
- BFC7DA
≈ Iced Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.25:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--pelican-bill: #d7c0c7;
--pelican-bill-rgb: 215 192 199;
--pelican-bill-oklch: oklch(0.829 0.028 357.3);
}
.element {
color: var(--pelican-bill);
background-color: hsl(342 22% 80%);
border-color: oklch(0.829 0.028 357.3);
}Tailwind CSS v4
@theme {
--color-pelican-bill: #d7c0c7;
--color-pelican-bill-50: #fcf2f5;
--color-pelican-bill-100: #f0e4e7;
--color-pelican-bill-200: #dfd0d4;
--color-pelican-bill-300: #c4b2b7;
--color-pelican-bill-400: #ad989e;
--color-pelican-bill-500: #967f86;
--color-pelican-bill-600: #7f6b72;
--color-pelican-bill-700: #66565b;
--color-pelican-bill-800: #4b3f43;
--color-pelican-bill-900: #342b2e;
--color-pelican-bill-950: #1f181b;
}SCSS
$pelican-bill: #d7c0c7;
$pelican-bill-rgb: 215, 192, 199;
$pelican-bill-light: mix(#fff, $pelican-bill, 20%);
$pelican-bill-dark: mix(#000, $pelican-bill, 20%);
.element {
color: $pelican-bill;
box-shadow: 0 0 0 2px rgba($pelican-bill, 0.35);
}