Benannte Farbe · #9D8861
Ridgecrest
Ridgecrest ist #9D8861: rgb(157 136 97), hsl(39 24% 50%), oklch(0.636 0.06 82.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ridgecrest color name →
#9D8861
oklch(0.636 0.06 82.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A69370
- B09F80
- BAAB8F
- C3B69E
- CDC2AE
- D7CEBE
- E1DACE
- EBE6DE
- F5F3EF
Shades
- 887553
- 736346
- 5F5239
- 4C412D
- 3A3121
- 282215
- 18130B
- 090603
- 010100
Tones
- 9A8765
- 978768
- 94866B
- 91856E
- 8F8472
- 8C8375
- 898378
- 86827A
- 83817D
Farbharmonien
Komplementär +180°
- 9D8861
Ridgecrest
- 788BB0
≈ Purple Impression
Analog -30° +30°
- 9D8861
Ridgecrest
- A98169
≈ Warm Cognac
- 8B8F65
≈ Paid in Full
Triadisch +120° +240°
- 9D8861
Ridgecrest
- 5D969B
≈ Clear Brook
- 9D7FA1
≈ Lilac Intuition
Geteilt komplementär +150° +210°
- 9D8861
Ridgecrest
- 6692AA
≈ Blue Cruise
- 8C85AD
≈ Purple Hills
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.42:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.12:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
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);
}