이름 색상 · #768482
Portsmouth
Portsmouth은(는) #768482: rgb(118 132 130), hsl(171 6% 49%), oklch(0.601 0.017 186.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Portsmouth color name →
#768482
oklch(0.601 0.017 186.4)
색상 변환
- HEX
- #768482
- RGB
- rgb(118 132 130)
- HSL
- hsl(171 6% 49%)
- HWB
- hwb(171 46% 48%)
- OKLCH
- oklch(0.601 0.017 186.4)
- OKLab
- oklab(0.601 -0.017 -0.002)
- CIE Lab
- lab(53.95 -5.63 -0.76)
- LCH
- lch(53.95 5.68 187.6)
- CMYK
- cmyk(11% 0% 2% 48%)
틴트 · 셰이드 · 톤
틴트
- 83908E
- 909B9A
- 9DA7A6
- ABB3B2
- B8C0BF
- C6CCCB
- D4D9D8
- E2E5E5
- F1F2F2
셰이드
- 667270
- 56605F
- 474F4E
- 383F3E
- 292F2F
- 1C2020
- 0F1212
- 050606
- 010101
톤
- 778482
- 788382
- 798381
- 7A8281
- 7B8281
- 7C8281
- 7D8181
- 7E8180
- 7F8080
색 조화
보색 +180°
- 768482
Portsmouth
- 8A7D7F
≈ Ganymede
유사색 -30° +30°
- 768482
Portsmouth
- 79847C
≈ Cigar Smoke
- 768387
≈ Wolf
삼각 배색 +120° +240°
- 768482
Portsmouth
- 837E89
≈ Soft Savvy
- 887F76
≈ Crust
분열 보색 +150° +210°
- 768482
Portsmouth
- 877D84
≈ Shadow Dance
- 8A7D7A
≈ Renwick Heather
사각 배색 +90° +180° +270°
- 768482
Portsmouth
- 7E808B
≈ Carbon Footprint
- 8A7D7F
≈ Ganymede
- 838176
≈ Mossy Oak
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.89:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.39:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.39:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--portsmouth: #768482;
--portsmouth-rgb: 118 132 130;
--portsmouth-oklch: oklch(0.601 0.017 186.4);
}
.element {
color: var(--portsmouth);
background-color: hsl(171 6% 49%);
border-color: oklch(0.601 0.017 186.4);
}Tailwind CSS v4
@theme {
--color-portsmouth: #768482;
--color-portsmouth-50: #f0f7f6;
--color-portsmouth-100: #e2eae9;
--color-portsmouth-200: #cdd7d5;
--color-portsmouth-300: #aebab9;
--color-portsmouth-400: #94a2a0;
--color-portsmouth-500: #7a8a88;
--color-portsmouth-600: #687573;
--color-portsmouth-700: #535d5c;
--color-portsmouth-800: #3c4443;
--color-portsmouth-900: #292f2e;
--color-portsmouth-950: #171c1b;
}SCSS
$portsmouth: #768482;
$portsmouth-rgb: 118, 132, 130;
$portsmouth-light: mix(#fff, $portsmouth, 20%);
$portsmouth-dark: mix(#000, $portsmouth, 20%);
.element {
color: $portsmouth;
box-shadow: 0 0 0 2px rgba($portsmouth, 0.35);
}