이름 색상 · #9D8861
Ridgecrest
Ridgecrest은(는) #9D8861: rgb(157 136 97), hsl(39 24% 50%), oklch(0.636 0.06 82.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Ridgecrest color name →
#9D8861
oklch(0.636 0.06 82.6)
색상 변환
- HEX
- #9d8861
- RGB
- rgb(157 136 97)
- HSL
- hsl(39 24% 50%)
- HWB
- hwb(39 38% 38%)
- OKLCH
- oklch(0.636 0.06 82.6)
- OKLab
- oklab(0.636 0.008 0.059)
- CIE Lab
- lab(57.92 3.96 24.07)
- LCH
- lch(57.92 24.39 80.6)
- CMYK
- cmyk(0% 13% 38% 38%)
틴트 · 셰이드 · 톤
틴트
- A69370
- B09F80
- BAAB8F
- C3B69E
- CDC2AE
- D7CEBE
- E1DACE
- EBE6DE
- F5F3EF
셰이드
- 887553
- 736346
- 5F5239
- 4C412D
- 3A3121
- 282215
- 18130B
- 090603
- 010100
톤
- 9A8765
- 978768
- 94866B
- 91856E
- 8F8472
- 8C8375
- 898378
- 86827A
- 83817D
색 조화
보색 +180°
- 9D8861
Ridgecrest
- 788BB0
≈ Purple Impression
유사색 -30° +30°
- 9D8861
Ridgecrest
- A98169
≈ Warm Cognac
- 8B8F65
≈ Paid in Full
삼각 배색 +120° +240°
- 9D8861
Ridgecrest
- 5D969B
≈ Clear Brook
- 9D7FA1
≈ Lilac Intuition
분열 보색 +150° +210°
- 9D8861
Ridgecrest
- 6692AA
≈ Blue Cruise
- 8C85AD
≈ Purple Hills
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.42:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.12:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--ridgecrest: #9d8861;
--ridgecrest-rgb: 157 136 97;
--ridgecrest-oklch: oklch(0.636 0.06 82.6);
}
.element {
color: var(--ridgecrest);
background-color: hsl(39 24% 50%);
border-color: oklch(0.636 0.06 82.6);
}Tailwind CSS v4
@theme {
--color-ridgecrest: #9d8861;
--color-ridgecrest-50: #fdf4e2;
--color-ridgecrest-100: #f1e7d2;
--color-ridgecrest-200: #e0d3b8;
--color-ridgecrest-300: #c6b695;
--color-ridgecrest-400: #b09c76;
--color-ridgecrest-500: #9a8358;
--color-ridgecrest-600: #826f4b;
--color-ridgecrest-700: #68593b;
--color-ridgecrest-800: #4d402a;
--color-ridgecrest-900: #362c1c;
--color-ridgecrest-950: #21190d;
}SCSS
$ridgecrest: #9d8861;
$ridgecrest-rgb: 157, 136, 97;
$ridgecrest-light: mix(#fff, $ridgecrest, 20%);
$ridgecrest-dark: mix(#000, $ridgecrest, 20%);
.element {
color: $ridgecrest;
box-shadow: 0 0 0 2px rgba($ridgecrest, 0.35);
}