이름 색상 · #C6B8B4
Georgian Pink
Georgian Pink은(는) #C6B8B4: rgb(198 184 180), hsl(13 14% 74%), oklch(0.793 0.017 36.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Georgian Pink color name →
#C6B8B4
oklch(0.793 0.017 36.5)
색상 변환
- HEX
- #c6b8b4
- RGB
- rgb(198 184 180)
- HSL
- hsl(13 14% 74%)
- HWB
- hwb(13 71% 22%)
- OKLCH
- oklch(0.793 0.017 36.5)
- OKLab
- oklab(0.793 0.014 0.01)
- CIE Lab
- lab(75.88 4.62 3.92)
- LCH
- lch(75.88 6.06 40.3)
- CMYK
- cmyk(0% 7% 9% 22%)
틴트 · 셰이드 · 톤
틴트
- CCBFBB
- D1C6C3
- D7CDCA
- DDD4D1
- E2DBD9
- E8E2E0
- EEE9E8
- F3F0F0
- F9F8F7
셰이드
- ACA09C
- 928885
- 7A716E
- 625B58
- 4B4544
- 353130
- 211E1D
- 0E0C0C
- 020202
톤
- BFB2AF
- B8ADA9
- B0A7A4
- A9A19F
- A29C9A
- 9B9694
- 94908F
- 8E8B8A
- 878585
색 조화
보색 +180°
- C6B8B4
Georgian Pink
- B0BEC3
≈ Artisan Blue
유사색 -30° +30°
- C6B8B4
Georgian Pink
- C6B7BA
≈ Studio Mauve
- C3BAB0
≈ Luxe Grey
삼각 배색 +120° +240°
- C6B8B4
Georgian Pink
- B3BFB7
≈ Wet Ash
- B8BBC7
≈ Silverado Trail
분열 보색 +150° +210°
- C6B8B4
Georgian Pink
- B0BFBD
≈ Greenwich Village
- B3BDC6
≈ Stainless Steel
사각 배색 +90° +180° +270°
- C6B8B4
Georgian Pink
- B9BEB2
≈ Hazel Gaze
- B0BEC3
≈ Artisan Blue
- BEB9C4
≈ Titanium Man
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.91:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--georgian-pink: #c6b8b4;
--georgian-pink-rgb: 198 184 180;
--georgian-pink-oklch: oklch(0.793 0.017 36.5);
}
.element {
color: var(--georgian-pink);
background-color: hsl(13 14% 74%);
border-color: oklch(0.793 0.017 36.5);
}Tailwind CSS v4
@theme {
--color-georgian-pink: #c6b8b4;
--color-georgian-pink-50: #faf4f2;
--color-georgian-pink-100: #ede6e4;
--color-georgian-pink-200: #dbd2cf;
--color-georgian-pink-300: #c0b5b1;
--color-georgian-pink-400: #a89b97;
--color-georgian-pink-500: #91837e;
--color-georgian-pink-600: #7b6e6b;
--color-georgian-pink-700: #625856;
--color-georgian-pink-800: #48403e;
--color-georgian-pink-900: #322c2b;
--color-georgian-pink-950: #1e1918;
}SCSS
$georgian-pink: #c6b8b4;
$georgian-pink-rgb: 198, 184, 180;
$georgian-pink-light: mix(#fff, $georgian-pink, 20%);
$georgian-pink-dark: mix(#000, $georgian-pink, 20%);
.element {
color: $georgian-pink;
box-shadow: 0 0 0 2px rgba($georgian-pink, 0.35);
}