Nazwany kolor · #948263
Charlie Horse
Charlie Horse to #948263: rgb(148 130 99), hsl(38 20% 48%), oklch(0.615 0.049 81). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Charlie Horse color name →
#948263
oklch(0.615 0.049 81)
Konwersje koloru
- HEX
- #948263
- RGB
- rgb(148 130 99)
- HSL
- hsl(38 20% 48%)
- HWB
- hwb(38 39% 42%)
- OKLCH
- oklch(0.615 0.049 81)
- OKLab
- oklab(0.615 0.008 0.049)
- CIE Lab
- lab(55.43 3.52 19.49)
- LCH
- lch(55.43 19.81 79.8)
- CMYK
- cmyk(0% 12% 33% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E8E72
- A99A81
- B3A690
- BEB29F
- C8BFAF
- D3CBBE
- DED8CE
- E9E5DE
- F4F2EF
Odcienie ciemniejsze
- 807055
- 6D5F47
- 5A4E3A
- 483E2E
- 362F21
- 262016
- 16120B
- 080603
- 010100
Tony
- 928266
- 908269
- 8E826C
- 8C816F
- 8A8172
- 888175
- 868178
- 84817B
- 82807D
Harmonie kolorów
Komplementarna +180°
- 948263
Charlie Horse
- 7485A3
≈ Romanesque
Analogowa -30° +30°
- 948263
Charlie Horse
- 9D7D6A
≈ Dusty Canyon
- 858866
≈ Green Savage
Triada +120° +240°
- 948263
Charlie Horse
- 618E91
≈ Tort
- 937B97
≈ Violet Persuasion
Komplementarna rozszczepiona +150° +210°
- 948263
Charlie Horse
- 668B9D
≈ Spirit Mountain
- 8480A1
≈ Blue Intrigue
Tetrada +90° +180° +270°
- 948263
Charlie Horse
- 678F81
≈ Stanford Green
- 7485A3
≈ Romanesque
- 9D7988
≈ Dusky Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.72:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.63:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--charlie-horse: #948263;
--charlie-horse-rgb: 148 130 99;
--charlie-horse-oklch: oklch(0.615 0.049 81);
}
.element {
color: var(--charlie-horse);
background-color: hsl(38 20% 48%);
border-color: oklch(0.615 0.049 81);
}Tailwind CSS v4
@theme {
--color-charlie-horse: #948263;
--color-charlie-horse-50: #fcf4e6;
--color-charlie-horse-100: #f0e7d6;
--color-charlie-horse-200: #dfd3bd;
--color-charlie-horse-300: #c4b69b;
--color-charlie-horse-400: #ae9c7e;
--color-charlie-horse-500: #978361;
--color-charlie-horse-600: #806f52;
--color-charlie-horse-700: #665942;
--color-charlie-horse-800: #4c412f;
--color-charlie-horse-900: #352d20;
--color-charlie-horse-950: #201a0f;
}SCSS
$charlie-horse: #948263;
$charlie-horse-rgb: 148, 130, 99;
$charlie-horse-light: mix(#fff, $charlie-horse, 20%);
$charlie-horse-dark: mix(#000, $charlie-horse, 20%);
.element {
color: $charlie-horse;
box-shadow: 0 0 0 2px rgba($charlie-horse, 0.35);
}