Named color · #CEAD8E
Woven Navajo
Woven Navajo is #CEAD8E: rgb(206 173 142), hsl(29 40% 68%), oklch(0.769 0.057 65). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Woven Navajo color name →
#CEAD8E
oklch(0.769 0.057 65)
Color conversions
- HEX
- #cead8e
- RGB
- rgb(206 173 142)
- HSL
- hsl(29 40% 68%)
- HWB
- hwb(29 56% 19%)
- OKLCH
- oklch(0.769 0.057 65)
- OKLab
- oklab(0.769 0.024 0.052)
- CIE Lab
- lab(73.11 9.06 20.69)
- LCH
- lch(73.11 22.59 66.3)
- CMYK
- cmyk(0% 16% 31% 19%)
Tints · Shades · Tones
Tints
- D3B599
- D8BDA4
- DDC5AF
- E2CDBB
- E7D6C6
- ECDED1
- F1E6DC
- F5EEE8
- FAF7F3
Shades
- B3967B
- 987F68
- 7F6A56
- 665544
- 4E4134
- 382D24
- 231B15
- 0F0B07
- 020101
Tones
- C6A88D
- BEA48C
- B69F8A
- AE9B89
- A79688
- 9F9286
- 978D85
- 8F8983
- 888482
Color harmonies
Complementary +180°
- CEAD8E
Woven Navajo
- 96B8D7
≈ Blue Pointer
Analogous -30° +30°
- CEAD8E
Woven Navajo
- D6A89C
≈ Cottage Rose
- BFB48B
≈ Bayou Shade
Triadic +120° +240°
- CEAD8E
Woven Navajo
- 8AC0B9
≈ Undine
- BCABD2
≈ Purple Gladiola
Split-complementary +150° +210°
- CEAD8E
Woven Navajo
- 8ABECB
≈ Aftercare
- A9B2D9
≈ High Style
Tetradic +90° +180° +270°
- CEAD8E
Woven Navajo
- 98BFA4
≈ Spearmint Frosting
- 96B8D7
≈ Blue Pointer
- CCA7C3
≈ Safflower Wisteria
Contrast & accessibility
Ag
FailOn white
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.99:1 · APCA Lc 61
Best text color: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--woven-navajo: #cead8e;
--woven-navajo-rgb: 206 173 142;
--woven-navajo-oklch: oklch(0.769 0.057 65);
}
.element {
color: var(--woven-navajo);
background-color: hsl(29 40% 68%);
border-color: oklch(0.769 0.057 65);
}Tailwind CSS v4
@theme {
--color-woven-navajo: #cead8e;
--color-woven-navajo-50: #fff2e4;
--color-woven-navajo-100: #f5e5d4;
--color-woven-navajo-200: #e5d0bb;
--color-woven-navajo-300: #ccb299;
--color-woven-navajo-400: #b7987b;
--color-woven-navajo-500: #a17f5e;
--color-woven-navajo-600: #886b50;
--color-woven-navajo-700: #6d563f;
--color-woven-navajo-800: #513e2e;
--color-woven-navajo-900: #382b1f;
--color-woven-navajo-950: #23180f;
}SCSS
$woven-navajo: #cead8e;
$woven-navajo-rgb: 206, 173, 142;
$woven-navajo-light: mix(#fff, $woven-navajo, 20%);
$woven-navajo-dark: mix(#000, $woven-navajo, 20%);
.element {
color: $woven-navajo;
box-shadow: 0 0 0 2px rgba($woven-navajo, 0.35);
}