Nazwany kolor · #995D50
Red Potato
Red Potato to #995D50: rgb(153 93 80), hsl(11 31% 46%), oklch(0.542 0.082 33). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Red Potato color name →
#995D50
oklch(0.542 0.082 33)
Konwersje koloru
- HEX
- #995d50
- RGB
- rgb(153 93 80)
- HSL
- hsl(11 31% 46%)
- HWB
- hwb(11 31% 40%)
- OKLCH
- oklch(0.542 0.082 33)
- OKLab
- oklab(0.542 0.069 0.045)
- CIE Lab
- lab(46.21 24.12 18.4)
- LCH
- lch(46.21 30.33 37.3)
- CMYK
- cmyk(0% 39% 48% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A46C60
- AE7C71
- B98C82
- C39C93
- CDACA4
- D7BCB6
- E1CCC8
- EBDDDA
- F5EEEC
Odcienie ciemniejsze
- 845044
- 704339
- 5D372E
- 4A2A24
- 381F1A
- 271410
- 170A07
- 080302
- 010000
Tony
- 976155
- 95655A
- 93685F
- 916C63
- 8E6F68
- 8C736D
- 897672
- 867977
- 837D7B
Harmonie kolorów
Komplementarna +180°
- 995D50
Red Potato
- 277C8C
≈ Bermuda
Analogowa -30° +30°
- 995D50
Red Potato
- 975A6B
≈ Vive L’amour
- 91643A
≈ Oregon Hazel
Triada +120° +240°
- 995D50
Red Potato
- 477D58
≈ Rokushō Green
- 5F6C9F
≈ Moonshade
Komplementarna rozszczepiona +150° +210°
- 995D50
Red Potato
- 2A7F74
≈ Elegant Silk
- 42759B
≈ Dull Blue
Tetrada +90° +180° +270°
- 995D50
Red Potato
- 66773F
≈ Ghoul
- 277C8C
≈ Bermuda
- 796397
≈ Clematis
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.20:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.03:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.20:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-potato: #995d50;
--red-potato-rgb: 153 93 80;
--red-potato-oklch: oklch(0.542 0.082 33);
}
.element {
color: var(--red-potato);
background-color: hsl(11 31% 46%);
border-color: oklch(0.542 0.082 33);
}Tailwind CSS v4
@theme {
--color-red-potato: #995d50;
--color-red-potato-50: #ffede6;
--color-red-potato-100: #ffdfd6;
--color-red-potato-200: #f5c9bd;
--color-red-potato-300: #dea99b;
--color-red-potato-400: #ca8d7f;
--color-red-potato-500: #b67263;
--color-red-potato-600: #9a6054;
--color-red-potato-700: #7b4d43;
--color-red-potato-800: #5b3731;
--color-red-potato-900: #402621;
--color-red-potato-950: #291410;
}SCSS
$red-potato: #995d50;
$red-potato-rgb: 153, 93, 80;
$red-potato-light: mix(#fff, $red-potato, 20%);
$red-potato-dark: mix(#000, $red-potato, 20%);
.element {
color: $red-potato;
box-shadow: 0 0 0 2px rgba($red-potato, 0.35);
}