Nazwany kolor · #A85E53
Foxy
Foxy to #A85E53: rgb(168 94 83), hsl(8 34% 49%), oklch(0.564 0.099 29.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Foxy color name →
#A85E53
oklch(0.564 0.099 29.4)
Konwersje koloru
- HEX
- #a85e53
- RGB
- rgb(168 94 83)
- HSL
- hsl(8 34% 49%)
- HWB
- hwb(8 33% 34%)
- OKLCH
- oklch(0.564 0.099 29.4)
- OKLab
- oklab(0.564 0.086 0.049)
- CIE Lab
- lab(48.59 29.99 20.21)
- LCH
- lch(48.59 36.17 34)
- CMYK
- cmyk(0% 44% 51% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B26E63
- BB7D73
- C48D84
- CD9D95
- D6ADA6
- DFBDB7
- E7CDC9
- EFDEDB
- F7EEED
Odcienie ciemniejsze
- 925147
- 7C443B
- 673730
- 522B25
- 3F1F1B
- 2C1411
- 1A0A08
- 0A0302
- 010000
Tony
- A56258
- A1665C
- 9E6961
- 9A6D65
- 96706A
- 92746E
- 8E7773
- 8A7A77
- 857D7C
Harmonie kolorów
Komplementarna +180°
- A85E53
Foxy
- 008595
≈ Painted Sea
Analogowa -30° +30°
- A85E53
Foxy
- A45C74
≈ Cosmetic Red
- A06735
≈ Hot Ginger
Triada +120° +240°
- A85E53
Foxy
- 488655
≈ Kilkenny
- 5E72B0
≈ Prefect
Komplementarna rozszczepiona +150° +210°
- A85E53
Foxy
- 138877
≈ Green Ink
- 367DAA
≈ Beijing Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.78:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.39:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--foxy: #a85e53;
--foxy-rgb: 168 94 83;
--foxy-oklch: oklch(0.564 0.099 29.4);
}
.element {
color: var(--foxy);
background-color: hsl(8 34% 49%);
border-color: oklch(0.564 0.099 29.4);
}Tailwind CSS v4
@theme {
--color-foxy: #a85e53;
--color-foxy-50: #ffece4;
--color-foxy-100: #ffddd4;
--color-foxy-200: #fcc5bb;
--color-foxy-300: #e5a598;
--color-foxy-400: #d2887c;
--color-foxy-500: #bf6b5f;
--color-foxy-600: #a15b51;
--color-foxy-700: #814940;
--color-foxy-800: #60342f;
--color-foxy-900: #432420;
--color-foxy-950: #2b1210;
}SCSS
$foxy: #a85e53;
$foxy-rgb: 168, 94, 83;
$foxy-light: mix(#fff, $foxy, 20%);
$foxy-dark: mix(#000, $foxy, 20%);
.element {
color: $foxy;
box-shadow: 0 0 0 2px rgba($foxy, 0.35);
}