Nazwany kolor · #DFC281
Chalky
Chalky to #DFC281: rgb(223 194 129), hsl(41 59% 69%), oklch(0.824 0.089 86.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Chalky color name →
#DFC281
oklch(0.824 0.089 86.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2C88E
- E5CE9B
- E9D4A8
- ECDBB4
- EFE1C1
- F2E7CD
- F5EDDA
- F9F3E6
- FCF9F3
Odcienie ciemniejsze
- C2A86F
- A58F5E
- 8A774E
- 6F603E
- 56492E
- 3D341F
- 272012
- 120E06
- 020201
Tony
- D5BB82
- CBB582
- C2AE83
- B8A783
- AEA183
- A59A82
- 9C9482
- 928D82
- 898781
Harmonie kolorów
Komplementarna +180°
- DFC281
Chalky
- ABC5FF
≈ Night Snow
Analogowa -30° +30°
- DFC281
Chalky
- F3B78C
≈ Melón Meloso
- C2CD8A
≈ Soft Celery
Triada +120° +240°
- DFC281
Chalky
- 7AD6E2
≈ Middle Blue
- E5B2E5
≈ Land of Dreams
Komplementarna rozszczepiona +150° +210°
- DFC281
Chalky
- 8CCFF8
≈ Drift on the Sea
- CBBAF9
≈ Violet Heaven
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.72:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.17:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.17:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
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);
}