Nazwany kolor · #C5847C
Luscious Lobster
Luscious Lobster to #C5847C: rgb(197 132 124), hsl(7 39% 63%), oklch(0.677 0.082 27.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Luscious Lobster color name →
#C5847C
oklch(0.677 0.082 27.2)
Konwersje koloru
- HEX
- #c5847c
- RGB
- rgb(197 132 124)
- HSL
- hsl(7 39% 63%)
- HWB
- hwb(7 49% 23%)
- OKLCH
- oklch(0.677 0.082 27.2)
- OKLab
- oklab(0.677 0.073 0.037)
- CIE Lab
- lab(61.81 25.01 15.09)
- LCH
- lch(61.81 29.21 31.1)
- CMYK
- cmyk(0% 33% 37% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CB9088
- D29C95
- D8A8A2
- DEB4AF
- E4C1BC
- EACDC9
- EFD9D6
- F5E6E4
- FAF2F1
Odcienie ciemniejsze
- AB726B
- 92605A
- 794F4A
- 613F3B
- 4B2F2C
- 35201E
- 211211
- 0E0605
- 020101
Tony
- BE847D
- B8847D
- B1837D
- AA837E
- A3837E
- 9C827F
- 95827F
- 8E817F
- 878180
Harmonie kolorów
Komplementarna +180°
- C5847C
Luscious Lobster
- 53A6B1
≈ Freshwater
Analogowa -30° +30°
- C5847C
Luscious Lobster
- C18298
≈ Polignac
- BE8B65
≈ Fenugreek
Triada +120° +240°
- C5847C
Luscious Lobster
- 75A67A
≈ Primavera
- 8196CB
≈ Purple Gentian
Komplementarna rozszczepiona +150° +210°
- C5847C
Luscious Lobster
- 5BA897
≈ Polished Pine
- 659FC4
≈ Gulf Stream Blue
Tetrada +90° +180° +270°
- C5847C
Luscious Lobster
- 939E63
≈ Banana Palm
- 53A6B1
≈ Freshwater
- 9D8DC4
≈ Hermosa
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.01:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.96:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.96:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--luscious-lobster: #c5847c;
--luscious-lobster-rgb: 197 132 124;
--luscious-lobster-oklch: oklch(0.677 0.082 27.2);
}
.element {
color: var(--luscious-lobster);
background-color: hsl(7 39% 63%);
border-color: oklch(0.677 0.082 27.2);
}Tailwind CSS v4
@theme {
--color-luscious-lobster: #c5847c;
--color-luscious-lobster-50: #ffede8;
--color-luscious-lobster-100: #ffded8;
--color-luscious-lobster-200: #f5c8c0;
--color-luscious-lobster-300: #dea89f;
--color-luscious-lobster-400: #ca8c84;
--color-luscious-lobster-500: #b67168;
--color-luscious-lobster-600: #9a6059;
--color-luscious-lobster-700: #7c4c47;
--color-luscious-lobster-800: #5c3734;
--color-luscious-lobster-900: #402623;
--color-luscious-lobster-950: #291412;
}SCSS
$luscious-lobster: #c5847c;
$luscious-lobster-rgb: 197, 132, 124;
$luscious-lobster-light: mix(#fff, $luscious-lobster, 20%);
$luscious-lobster-dark: mix(#000, $luscious-lobster, 20%);
.element {
color: $luscious-lobster;
box-shadow: 0 0 0 2px rgba($luscious-lobster, 0.35);
}