Cor nomeada · #DDDCBF
Woven Reed
Woven Reed é #DDDCBF: rgb(221 220 191), hsl(58 31% 81%), oklch(0.888 0.039 105.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Woven Reed color name →
#DDDCBF
oklch(0.888 0.039 105.5)
Conversões de cor
- HEX
- #dddcbf
- RGB
- rgb(221 220 191)
- HSL
- hsl(58 31% 81%)
- HWB
- hwb(58 75% 13%)
- OKLCH
- oklch(0.888 0.039 105.5)
- OKLab
- oklab(0.888 -0.01 0.037)
- CIE Lab
- lab(87.27 -3.26 14.45)
- LCH
- lch(87.27 14.81 102.7)
- CMYK
- cmyk(0% 0% 14% 13%)
Tons claros · Sombras · Tons
Tons claros
- E0DFC5
- E4E3CC
- E7E6D2
- EAEAD8
- EEEDDF
- F1F1E5
- F5F4EC
- F8F8F2
- FCFBF9
Sombras
- C0BFA6
- A4A38D
- 888875
- 6E6E5E
- 555448
- 3D3C33
- 26261F
- 11110D
- 020202
Tons
- D3D2B9
- CAC9B2
- C0C0AC
- B7B6A5
- ADAD9F
- A4A499
- 9B9B93
- 92928C
- 898986
Harmonias de cor
Complementar +180°
- DDDCBF
Woven Reed
- D7D7F3
≈ Lavender Sky
Análoga -30° +30°
- DDDCBF
Woven Reed
- E9D7BE
≈ Writer’s Parchment
- CFE0C7
≈ Endive
Tríade +120° +240°
- DDDCBF
Woven Reed
- C0E0EE
≈ Cotton Clouds
- EED0E0
≈ Lacquer Mauve
Complementar dividida +150° +210°
- DDDCBF
Woven Reed
- CADCF4
≈ Fly a Kite
- E4D3EC
≈ First Lilac
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.06:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 15.06:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--woven-reed: #dddcbf;
--woven-reed-rgb: 221 220 191;
--woven-reed-oklch: oklch(0.888 0.039 105.5);
}
.element {
color: var(--woven-reed);
background-color: hsl(58 31% 81%);
border-color: oklch(0.888 0.039 105.5);
}Tailwind CSS v4
@theme {
--color-woven-reed: #dddcbf;
--color-woven-reed-50: #f6f6ea;
--color-woven-reed-100: #e9e9db;
--color-woven-reed-200: #d5d6c3;
--color-woven-reed-300: #b9b9a3;
--color-woven-reed-400: #a1a086;
--color-woven-reed-500: #89886b;
--color-woven-reed-600: #74735a;
--color-woven-reed-700: #5d5c48;
--color-woven-reed-800: #444334;
--color-woven-reed-900: #2f2e23;
--color-woven-reed-950: #1c1b12;
}SCSS
$woven-reed: #dddcbf;
$woven-reed-rgb: 221, 220, 191;
$woven-reed-light: mix(#fff, $woven-reed, 20%);
$woven-reed-dark: mix(#000, $woven-reed, 20%);
.element {
color: $woven-reed;
box-shadow: 0 0 0 2px rgba($woven-reed, 0.35);
}