Cor nomeada · #DDA896
Cedarville
Cedarville é #DDA896: rgb(221 168 150), hsl(15 51% 73%), oklch(0.776 0.068 39.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cedarville color name →
#DDA896
oklch(0.776 0.068 39.6)
Conversões de cor
- HEX
- #dda896
- RGB
- rgb(221 168 150)
- HSL
- hsl(15 51% 73%)
- HWB
- hwb(15 59% 13%)
- OKLCH
- oklch(0.776 0.068 39.6)
- OKLab
- oklab(0.776 0.052 0.043)
- CIE Lab
- lab(73.55 18.29 17.28)
- LCH
- lch(73.55 25.16 43.4)
- CMYK
- cmyk(0% 24% 32% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1B1A0
- E5B9AB
- E8C2B5
- ECCABF
- EFD3CA
- F2DCD4
- F6E5DF
- F9EDE9
- FCF6F4
Sombras
- C09282
- A47C6E
- 88675B
- 6E5249
- 553F37
- 3D2C26
- 261A16
- 110A08
- 020101
Tons
- D4A494
- CAA092
- C19C90
- B7988D
- AE948B
- A59089
- 9C8C87
- 928885
- 898482
Harmonias de cor
Complementar +180°
- DDA896
Cedarville
- 84C1D4
≈ Ocean Horizon
Análoga -30° +30°
- DDA896
Cedarville
- DDA5AC
≈ Prom
- D3AF87
≈ Caramel Cloud
Tríade +120° +240°
- DDA896
Cedarville
- 91C4A7
≈ Spearmint Frosting
- ADB2E2
≈ Beloved
Complementar dividida +150° +210°
- DDA896
Cedarville
- 82C5BF
≈ Booty Bay
- 95BAE0
≈ Sacred Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.11:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--cedarville: #dda896;
--cedarville-rgb: 221 168 150;
--cedarville-oklch: oklch(0.776 0.068 39.6);
}
.element {
color: var(--cedarville);
background-color: hsl(15 51% 73%);
border-color: oklch(0.776 0.068 39.6);
}Tailwind CSS v4
@theme {
--color-cedarville: #dda896;
--color-cedarville-50: #ffefe6;
--color-cedarville-100: #fde1d7;
--color-cedarville-200: #efcbbe;
--color-cedarville-300: #d7ad9d;
--color-cedarville-400: #c29181;
--color-cedarville-500: #ae7764;
--color-cedarville-600: #936555;
--color-cedarville-700: #765044;
--color-cedarville-800: #573a31;
--color-cedarville-900: #3d2821;
--color-cedarville-950: #261611;
}SCSS
$cedarville: #dda896;
$cedarville-rgb: 221, 168, 150;
$cedarville-light: mix(#fff, $cedarville, 20%);
$cedarville-dark: mix(#000, $cedarville, 20%);
.element {
color: $cedarville;
box-shadow: 0 0 0 2px rgba($cedarville, 0.35);
}