Cor nomeada · #DFC281
Chalky
Chalky é #DFC281: rgb(223 194 129), hsl(41 59% 69%), oklch(0.824 0.089 86.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chalky color name →
#DFC281
oklch(0.824 0.089 86.4)
Conversões de cor
- HEX
- #dfc281
- RGB
- rgb(223 194 129)
- HSL
- hsl(41 59% 69%)
- HWB
- hwb(41 51% 13%)
- OKLCH
- oklch(0.824 0.089 86.4)
- OKLab
- oklab(0.824 0.006 0.089)
- CIE Lab
- lab(79.85 4.23 36.65)
- LCH
- lch(79.85 36.9 83.4)
- CMYK
- cmyk(0% 13% 42% 13%)
Tons claros · Sombras · Tons
Tons claros
- E2C88E
- E5CE9B
- E9D4A8
- ECDBB4
- EFE1C1
- F2E7CD
- F5EDDA
- F9F3E6
- FCF9F3
Sombras
- C2A86F
- A58F5E
- 8A774E
- 6F603E
- 56492E
- 3D341F
- 272012
- 120E06
- 020201
Tons
- D5BB82
- CBB582
- C2AE83
- B8A783
- AEA183
- A59A82
- 9C9482
- 928D82
- 898781
Harmonias de cor
Complementar +180°
- DFC281
Chalky
- ABC5FF
≈ Night Snow
Análoga -30° +30°
- DFC281
Chalky
- F3B78C
≈ Melón Meloso
- C2CD8A
≈ Soft Celery
Tríade +120° +240°
- DFC281
Chalky
- 7AD6E2
≈ Middle Blue
- E5B2E5
≈ Land of Dreams
Complementar dividida +150° +210°
- DFC281
Chalky
- 8CCFF8
≈ Drift on the Sea
- CBBAF9
≈ Violet Heaven
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.17:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.17:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--chalky: #dfc281;
--chalky-rgb: 223 194 129;
--chalky-oklch: oklch(0.824 0.089 86.4);
}
.element {
color: var(--chalky);
background-color: hsl(41 59% 69%);
border-color: oklch(0.824 0.089 86.4);
}Tailwind CSS v4
@theme {
--color-chalky: #dfc281;
--color-chalky-50: #fff4d9;
--color-chalky-100: #f4e7c7;
--color-chalky-200: #e4d3a9;
--color-chalky-300: #cab582;
--color-chalky-400: #b69b5f;
--color-chalky-500: #a08239;
--color-chalky-600: #876e32;
--color-chalky-700: #6c5827;
--color-chalky-800: #51401b;
--color-chalky-900: #382c11;
--color-chalky-950: #231904;
}SCSS
$chalky: #dfc281;
$chalky-rgb: 223, 194, 129;
$chalky-light: mix(#fff, $chalky, 20%);
$chalky-dark: mix(#000, $chalky, 20%);
.element {
color: $chalky;
box-shadow: 0 0 0 2px rgba($chalky, 0.35);
}