Named color · #E6B76C
California Chamois
California Chamois is #E6B76C: rgb(230 183 108), hsl(37 71% 66%), oklch(0.806 0.108 78). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · California Chamois color name →
#E6B76C
oklch(0.806 0.108 78)
Color conversions
- HEX
- #e6b76c
- RGB
- rgb(230 183 108)
- HSL
- hsl(37 71% 66%)
- HWB
- hwb(37 42% 10%)
- OKLCH
- oklch(0.806 0.108 78)
- OKLab
- oklab(0.806 0.022 0.106)
- CIE Lab
- lab(77.56 11.12 44.57)
- LCH
- lch(77.56 45.93 76)
- CMYK
- cmyk(0% 20% 53% 10%)
Tints · Shades · Tones
Tints
- E9BE7C
- EBC68B
- EECD9A
- F1D4A9
- F3DBB8
- F6E3C6
- F8EAD4
- FAF1E3
- FDF8F1
Shades
- C89F5D
- AB874E
- 8E7040
- 735A32
- 594525
- 403119
- 281E0D
- 130C04
- 030200
Tones
- DBB270
- D1AC73
- C7A775
- BCA178
- B29C7A
- A8967B
- 9E917D
- 948B7E
- 8A867F
Color harmonies
Complementary +180°
- E6B76C
California Chamois
- 98C2FF
≈ Pastel Blue
Analogous -30° +30°
- E6B76C
California Chamois
- F9AA82
≈ Sunset Peach
- C6C570
≈ Siskin Green
Triadic +120° +240°
- E6B76C
California Chamois
- 5BD5D9
≈ Blue Radiance
- DDAAED
≈ Petal Plush
Split-complementary +150° +210°
- E6B76C
California Chamois
- 6DCDF6
≈ Skyan
- BCB5FF
≈ Greyish Lavender
Tetradic +90° +180° +270°
- E6B76C
California Chamois
- 73D6B2
≈ Peppy
- 98C2FF
≈ Pastel Blue
- F4A3CC
≈ Violet Kiss
Contrast & accessibility
Ag
FailOn white
WCAG 1.84:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.35:1 · APCA Lc 68
Best text color: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--california-chamois: #e6b76c;
--california-chamois-rgb: 230 183 108;
--california-chamois-oklch: oklch(0.806 0.108 78);
}
.element {
color: var(--california-chamois);
background-color: hsl(37 71% 66%);
border-color: oklch(0.806 0.108 78);
}Tailwind CSS v4
@theme {
--color-california-chamois: #e6b76c;
--color-california-chamois-50: #fff2d3;
--color-california-chamois-100: #fbe5c0;
--color-california-chamois-200: #edd0a0;
--color-california-chamois-300: #d5b277;
--color-california-chamois-400: #c19650;
--color-california-chamois-500: #ad7c20;
--color-california-chamois-600: #92691e;
--color-california-chamois-700: #755418;
--color-california-chamois-800: #583d0f;
--color-california-chamois-900: #3d2a09;
--color-california-chamois-950: #271700;
}SCSS
$california-chamois: #e6b76c;
$california-chamois-rgb: 230, 183, 108;
$california-chamois-light: mix(#fff, $california-chamois, 20%);
$california-chamois-dark: mix(#000, $california-chamois, 20%);
.element {
color: $california-chamois;
box-shadow: 0 0 0 2px rgba($california-chamois, 0.35);
}