Nazwany kolor · #897E59
Clay Creek
Clay Creek to #897E59: rgb(137 126 89), hsl(46 21% 44%), oklch(0.593 0.054 93.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Clay Creek color name →
#897E59
oklch(0.593 0.054 93.5)
Konwersje koloru
- HEX
- #897e59
- RGB
- rgb(137 126 89)
- HSL
- hsl(46 21% 44%)
- HWB
- hwb(46 35% 46%)
- OKLCH
- oklch(0.593 0.054 93.5)
- OKLab
- oklab(0.593 -0.003 0.054)
- CIE Lab
- lab(53.09 0 21.8)
- LCH
- lch(53.09 21.8 90)
- CMYK
- cmyk(0% 8% 35% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 948A69
- 9F9779
- ABA389
- B7B099
- C2BDAA
- CECABA
- DAD7CB
- E6E4DC
- F3F1EE
Odcienie ciemniejsze
- 766D4C
- 645C40
- 534C34
- 423C28
- 312D1D
- 221F13
- 141109
- 070503
- 010100
Tony
- 887E5D
- 877F61
- 867F65
- 857F69
- 847F6D
- 847F71
- 838075
- 828079
- 81807C
Harmonie kolorów
Komplementarna +180°
- 897E59
Clay Creek
- 747C9F
≈ Inky Violet
Analogowa -30° +30°
- 897E59
Clay Creek
- 96785D
≈ Dark Toast
- 788460
≈ Green Relict
Triada +120° +240°
- 897E59
Clay Creek
- 578792
≈ Night Masque
- 93738C
≈ Very Grape
Komplementarna rozszczepiona +150° +210°
- 897E59
Clay Creek
- 62829D
≈ Greyish Blue
- 857799
≈ Garden Violets
Tetrada +90° +180° +270°
- 897E59
Clay Creek
- 588982
≈ Cretan Green
- 747C9F
≈ Inky Violet
- 9B717B
≈ March Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.04:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.19:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.19:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--clay-creek: #897e59;
--clay-creek-rgb: 137 126 89;
--clay-creek-oklch: oklch(0.593 0.054 93.5);
}
.element {
color: var(--clay-creek);
background-color: hsl(46 21% 44%);
border-color: oklch(0.593 0.054 93.5);
}Tailwind CSS v4
@theme {
--color-clay-creek: #897e59;
--color-clay-creek-50: #faf5e4;
--color-clay-creek-100: #ede8d4;
--color-clay-creek-200: #dbd5bb;
--color-clay-creek-300: #c0b899;
--color-clay-creek-400: #a99e7a;
--color-clay-creek-500: #92865c;
--color-clay-creek-600: #7c714f;
--color-clay-creek-700: #635b3f;
--color-clay-creek-800: #49422d;
--color-clay-creek-900: #332d1e;
--color-clay-creek-950: #1e1a0e;
}SCSS
$clay-creek: #897e59;
$clay-creek-rgb: 137, 126, 89;
$clay-creek-light: mix(#fff, $clay-creek, 20%);
$clay-creek-dark: mix(#000, $clay-creek, 20%);
.element {
color: $clay-creek;
box-shadow: 0 0 0 2px rgba($clay-creek, 0.35);
}