이름 색상 · #95827B
Castle Hill
Castle Hill은(는) #95827B: rgb(149 130 123), hsl(16 11% 53%), oklch(0.622 0.026 41.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Castle Hill color name →
#95827B
oklch(0.622 0.026 41.3)
색상 변환
- HEX
- #95827b
- RGB
- rgb(149 130 123)
- HSL
- hsl(16 11% 53%)
- HWB
- hwb(16 48% 42%)
- OKLCH
- oklch(0.622 0.026 41.3)
- OKLab
- oklab(0.622 0.019 0.017)
- CIE Lab
- lab(55.98 6.59 6.6)
- LCH
- lch(55.98 9.33 45.1)
- CMYK
- cmyk(0% 13% 17% 42%)
틴트 · 셰이드 · 톤
틴트
- 9F8E87
- AA9A94
- B4A6A1
- BEB2AE
- C9BFBB
- D4CBC8
- DED8D6
- E9E5E3
- F4F2F1
셰이드
- 81706A
- 6D5F5A
- 5A4E4A
- 483E3A
- 372F2C
- 26201E
- 161210
- 080605
- 010101
톤
- 93827C
- 91827C
- 8F817D
- 8D817D
- 8B817E
- 89817E
- 86817F
- 84807F
- 828080
색 조화
보색 +180°
- 95827B
Castle Hill
- 768B92
≈ Shaker Blue
유사색 -30° +30°
- 95827B
Castle Hill
- 958183
≈ Venetian
- 918476
≈ Marmot
삼각 배색 +120° +240°
- 95827B
Castle Hill
- 7A8C82
≈ Salty Sea
- 848596
≈ Blue Jasmine
분열 보색 +150° +210°
- 95827B
Castle Hill
- 768C8A
≈ Leisure Time
- 7C8896
≈ Spartan Blue
사각 배색 +90° +180° +270°
- 95827B
Castle Hill
- 818A7A
≈ Spruce Shadow
- 768B92
≈ Shaker Blue
- 8C8392
≈ Purple Ash
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.64:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.75:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--castle-hill: #95827b;
--castle-hill-rgb: 149 130 123;
--castle-hill-oklch: oklch(0.622 0.026 41.3);
}
.element {
color: var(--castle-hill);
background-color: hsl(16 11% 53%);
border-color: oklch(0.622 0.026 41.3);
}Tailwind CSS v4
@theme {
--color-castle-hill: #95827b;
--color-castle-hill-50: #fcf3ef;
--color-castle-hill-100: #f0e5e1;
--color-castle-hill-200: #ded1cc;
--color-castle-hill-300: #c3b4ad;
--color-castle-hill-400: #ac9a93;
--color-castle-hill-500: #968179;
--color-castle-hill-600: #7f6d67;
--color-castle-hill-700: #655752;
--color-castle-hill-800: #4b403c;
--color-castle-hill-900: #342c29;
--color-castle-hill-950: #1f1917;
}SCSS
$castle-hill: #95827b;
$castle-hill-rgb: 149, 130, 123;
$castle-hill-light: mix(#fff, $castle-hill, 20%);
$castle-hill-dark: mix(#000, $castle-hill, 20%);
.element {
color: $castle-hill;
box-shadow: 0 0 0 2px rgba($castle-hill, 0.35);
}