Nazwany kolor · #C58380
Prancer
Prancer to #C58380: rgb(197 131 128), hsl(3 37% 64%), oklch(0.676 0.082 22.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Prancer color name →
#C58380
oklch(0.676 0.082 22.3)
Konwersje koloru
- HEX
- #c58380
- RGB
- rgb(197 131 128)
- HSL
- hsl(3 37% 64%)
- HWB
- hwb(3 50% 23%)
- OKLCH
- oklch(0.676 0.082 22.3)
- OKLab
- oklab(0.676 0.076 0.031)
- CIE Lab
- lab(61.66 25.89 12.62)
- LCH
- lch(61.66 28.8 26)
- CMYK
- cmyk(0% 34% 35% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CB8F8C
- D29B98
- D8A7A5
- DEB4B1
- E4C0BE
- EACDCB
- EFD9D7
- F5E6E5
- FAF2F2
Odcienie ciemniejsze
- AB716E
- 92605D
- 794F4D
- 613F3D
- 4B2F2E
- 35201F
- 211212
- 0E0606
- 020101
Tony
- BE8380
- B88380
- B18380
- AA8380
- A38280
- 9C8280
- 968280
- 8E8180
- 878180
Harmonie kolorów
Komplementarna +180°
- C58380
Prancer
- 52A6AD
≈ Freshwater
Analogowa -30° +30°
- C58380
Prancer
- BF829C
≈ Polignac
- C08967
≈ Toasted Nut
Triada +120° +240°
- C58380
Prancer
- 7AA475
≈ Hierba Santa
- 7C97CA
≈ Steel Blue Eyes
Komplementarna rozszczepiona +150° +210°
- C58380
Prancer
- 5EA892
≈ Artemesia Green
- 60A0C2
≈ Gulf Stream Blue
Tetrada +90° +180° +270°
- C58380
Prancer
- 989D60
≈ Stem
- 52A6AD
≈ Freshwater
- 988EC6
≈ Hermosa
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.02:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.93:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--prancer: #c58380;
--prancer-rgb: 197 131 128;
--prancer-oklch: oklch(0.676 0.082 22.3);
}
.element {
color: var(--prancer);
background-color: hsl(3 37% 64%);
border-color: oklch(0.676 0.082 22.3);
}Tailwind CSS v4
@theme {
--color-prancer: #c58380;
--color-prancer-50: #ffedea;
--color-prancer-100: #ffdeda;
--color-prancer-200: #f6c7c3;
--color-prancer-300: #dfa8a3;
--color-prancer-400: #cb8b88;
--color-prancer-500: #b6706d;
--color-prancer-600: #9a5f5d;
--color-prancer-700: #7c4c4a;
--color-prancer-800: #5c3736;
--color-prancer-900: #402525;
--color-prancer-950: #291414;
}SCSS
$prancer: #c58380;
$prancer-rgb: 197, 131, 128;
$prancer-light: mix(#fff, $prancer, 20%);
$prancer-dark: mix(#000, $prancer, 20%);
.element {
color: $prancer;
box-shadow: 0 0 0 2px rgba($prancer, 0.35);
}