Nazwany kolor · #72573D
Clockworks
Clockworks to #72573D: rgb(114 87 61), hsl(29 30% 34%), oklch(0.478 0.053 64.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Clockworks color name →
#72573D
oklch(0.478 0.053 64.9)
Konwersje koloru
- HEX
- #72573d
- RGB
- rgb(114 87 61)
- HSL
- hsl(29 30% 34%)
- HWB
- hwb(29 24% 55%)
- OKLCH
- oklch(0.478 0.053 64.9)
- OKLab
- oklab(0.478 0.022 0.048)
- CIE Lab
- lab(39.34 8.82 19.62)
- LCH
- lch(39.34 21.51 65.8)
- CMYK
- cmyk(0% 24% 46% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F664F
- 8D7661
- 9B8673
- A99786
- B7A79A
- C5B8AD
- D3CAC1
- E2DBD5
- F0EDEA
Odcienie ciemniejsze
- 624B34
- 533E2B
- 443322
- 36271A
- 281C12
- 1B120A
- 0E0804
- 040301
- 010000
Tony
- 745B44
- 755F4B
- 776351
- 786758
- 796C5F
- 7B7065
- 7C746C
- 7E7873
- 7F7C79
Harmonie kolorów
Komplementarna +180°
- 72573D
Clockworks
- 436079
≈ Mountain River
Analogowa -30° +30°
- 72573D
Clockworks
- 785249
≈ Roasted
- 665D3A
≈ Plum Green
Triada +120° +240°
- 72573D
Clockworks
- 386761
≈ Seiheki Green
- 645675
≈ Regal Gown
Komplementarna rozszczepiona +150° +210°
- 72573D
Clockworks
- 376570
≈ Smock Blue
- 545B7B
≈ Blue Indigo
Tetrada +90° +180° +270°
- 72573D
Clockworks
- 456650
≈ Vizcaya Palm
- 436079
≈ Mountain River
- 705269
≈ Hibernation
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.67:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.14:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--clockworks: #72573d;
--clockworks-rgb: 114 87 61;
--clockworks-oklch: oklch(0.478 0.053 64.9);
}
.element {
color: var(--clockworks);
background-color: hsl(29 30% 34%);
border-color: oklch(0.478 0.053 64.9);
}Tailwind CSS v4
@theme {
--color-clockworks: #72573d;
--color-clockworks-50: #fff3e6;
--color-clockworks-100: #f4e5d6;
--color-clockworks-200: #e4d0bd;
--color-clockworks-300: #cab39b;
--color-clockworks-400: #b5997e;
--color-clockworks-500: #9f7f61;
--color-clockworks-600: #866c53;
--color-clockworks-700: #6c5642;
--color-clockworks-800: #503f2f;
--color-clockworks-900: #372b20;
--color-clockworks-950: #221810;
}SCSS
$clockworks: #72573d;
$clockworks-rgb: 114, 87, 61;
$clockworks-light: mix(#fff, $clockworks, 20%);
$clockworks-dark: mix(#000, $clockworks, 20%);
.element {
color: $clockworks;
box-shadow: 0 0 0 2px rgba($clockworks, 0.35);
}