Najbliższy nazwany kolor · #D8356D
#D8356D
Najbliższy nazwany kolor: Watermelon Sugar
#D8356D (rgb(216 53 109), hsl(339 68% 53%), oklch(0.593 0.201 5.5)) jest najbliższy nazwanemu kolorowi Watermelon Sugar. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D8356D
oklch(0.593 0.201 5.5)
Konwersje koloru
- HEX
- #d8356d
- RGB
- rgb(216 53 109)
- HSL
- hsl(339 68% 53%)
- HWB
- hwb(339 21% 15%)
- OKLCH
- oklch(0.593 0.201 5.5)
- OKLab
- oklab(0.593 0.2 0.019)
- CIE Lab
- lab(50.4 65.29 8.66)
- LCH
- lch(50.4 65.86 7.6)
- CMYK
- cmyk(0% 75% 50% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DF507B
- E56688
- EB7B96
- F08EA5
- F4A1B3
- F8B4C2
- FBC7D1
- FDDAE0
- FEECEF
Odcienie ciemniejsze
- BC2D5E
- A0254F
- 851D41
- 6B1533
- 530E26
- 3B0819
- 25030D
- 110104
- 020001
Tony
- D1426F
- C94D71
- C25673
- BA5D75
- B16477
- A86B78
- 9F717A
- 96767C
- 8B7B7E
Harmonie kolorów
Komplementarna +180°
- D8356D
Watermelon Sugar
- 009287
≈ Deep Peacock Blue
Analogowa -30° +30°
- D8356D
Watermelon Sugar
- C241AC
≈ Ultraviolet Nusp
- DB3E0B
≈ Torii Red
Triada +120° +240°
- D8356D
Watermelon Sugar
- 698D00
≈ Asparagus Sultan
- 0084D1
≈ Calgar Blue
Komplementarna rozszczepiona +150° +210°
- D8356D
Watermelon Sugar
- 009757
≈ Garnish
- 008DA6
≈ Quintana
Tetrada +90° +180° +270°
- D8356D
Watermelon Sugar
- 957D00
≈ Moscow Papyrus
- 009287
≈ Deep Peacock Blue
- 616BF3
≈ Blue Hepatica
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--watermelon-sugar: #d8356d;
--watermelon-sugar-rgb: 216 53 109;
--watermelon-sugar-oklch: oklch(0.593 0.201 5.5);
}
.element {
color: var(--watermelon-sugar);
background-color: hsl(339 68% 53%);
border-color: oklch(0.593 0.201 5.5);
}Tailwind CSS v4
@theme {
--color-watermelon-sugar: #d8356d;
--color-watermelon-sugar-50: #ffdeeb;
--color-watermelon-sugar-100: #ffccdc;
--color-watermelon-sugar-200: #ffafc5;
--color-watermelon-sugar-300: #ff87a5;
--color-watermelon-sugar-400: #fb608d;
--color-watermelon-sugar-500: #e93073;
--color-watermelon-sugar-600: #c52b61;
--color-watermelon-sugar-700: #9e234e;
--color-watermelon-sugar-800: #76173b;
--color-watermelon-sugar-900: #530f28;
--color-watermelon-sugar-950: #370116;
}SCSS
$watermelon-sugar: #d8356d;
$watermelon-sugar-rgb: 216, 53, 109;
$watermelon-sugar-light: mix(#fff, $watermelon-sugar, 20%);
$watermelon-sugar-dark: mix(#000, $watermelon-sugar, 20%);
.element {
color: $watermelon-sugar;
box-shadow: 0 0 0 2px rgba($watermelon-sugar, 0.35);
}