이름 색상 · #46483E
Parkview
Parkview은(는) #46483E: rgb(70 72 62), hsl(72 7% 26%), oklch(0.397 0.017 116.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Parkview color name →
#46483E
oklch(0.397 0.017 116.3)
색상 변환
- HEX
- #46483e
- RGB
- rgb(70 72 62)
- HSL
- hsl(72 7% 26%)
- HWB
- hwb(72 24% 72%)
- OKLCH
- oklch(0.397 0.017 116.3)
- OKLab
- oklab(0.397 -0.007 0.015)
- CIE Lab
- lab(30.16 -2.43 5.73)
- LCH
- lch(30.16 6.22 112.9)
- CMYK
- cmyk(3% 0% 14% 72%)
틴트 · 셰이드 · 톤
틴트
- 56584F
- 676961
- 797B73
- 8B8C86
- 9D9F99
- B0B1AC
- C3C4C1
- D7D7D5
- EBEBEA
셰이드
- 3C3D35
- 32332B
- 282923
- 1E1F1A
- 151612
- 0D0D0A
- 050604
- 020201
- 000000
톤
- 4C4D44
- 51534B
- 575851
- 5C5E58
- 62635E
- 686965
- 6E6F6B
- 747472
- 7A7A79
색 조화
보색 +180°
- 46483E
Parkview
- 47454F
≈ Ishtar
유사색 -30° +30°
- 46483E
Parkview
- 4B463D
≈ Moss Glen
- 414942
≈ Nightly Ivy
삼각 배색 +120° +240°
- 46483E
Parkview
- 3F484F
≈ Foggy Night
- 4F4347
≈ Plum Brown
분열 보색 +150° +210°
- 46483E
Parkview
- 434750
≈ Midnight Sky
- 4C444C
≈ Black Dahlia
사각 배색 +90° +180° +270°
- 46483E
Parkview
- 3D494B
≈ Mount Etna
- 47454F
≈ Ishtar
- 4F4442
≈ Manchester Brown
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.30:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.25:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.30:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--parkview: #46483e;
--parkview-rgb: 70 72 62;
--parkview-oklch: oklch(0.397 0.017 116.3);
}
.element {
color: var(--parkview);
background-color: hsl(72 7% 26%);
border-color: oklch(0.397 0.017 116.3);
}Tailwind CSS v4
@theme {
--color-parkview: #46483e;
--color-parkview-50: #f4f6f1;
--color-parkview-100: #e7e9e3;
--color-parkview-200: #d3d5cd;
--color-parkview-300: #b6b9af;
--color-parkview-400: #9ea095;
--color-parkview-500: #85887b;
--color-parkview-600: #717369;
--color-parkview-700: #5a5c54;
--color-parkview-800: #42433d;
--color-parkview-900: #2e2e2a;
--color-parkview-950: #1a1b17;
}SCSS
$parkview: #46483e;
$parkview-rgb: 70, 72, 62;
$parkview-light: mix(#fff, $parkview, 20%);
$parkview-dark: mix(#000, $parkview, 20%);
.element {
color: $parkview;
box-shadow: 0 0 0 2px rgba($parkview, 0.35);
}