Najbliższy nazwany kolor · #D43D63
#D43D63
Najbliższy nazwany kolor: Paper Hearts
#D43D63 (rgb(212 61 99), hsl(345 64% 54%), oklch(0.591 0.188 10.3)) jest najbliższy nazwanemu kolorowi Paper Hearts. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D43D63
oklch(0.591 0.188 10.3)
Konwersje koloru
- HEX
- #d43d63
- RGB
- rgb(212 61 99)
- HSL
- hsl(345 64% 54%)
- HWB
- hwb(345 24% 17%)
- OKLCH
- oklch(0.591 0.188 10.3)
- OKLab
- oklab(0.591 0.185 0.034)
- CIE Lab
- lab(50.39 61.04 14.58)
- LCH
- lch(50.39 62.75 13.4)
- CMYK
- cmyk(0% 71% 53% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DB5572
- E26A80
- E87E8F
- ED919F
- F2A3AE
- F6B6BE
- F9C8CE
- FCDADE
- FEEDEE
Odcienie ciemniejsze
- B83455
- 9D2B47
- 83223A
- 691A2E
- 511221
- 3A0A16
- 24040B
- 100103
- 020000
Tony
- CD4866
- C65169
- BE596C
- B7606F
- AF6672
- A76C75
- 9E7277
- 95777A
- 8B7C7D
Harmonie kolorów
Komplementarna +180°
- D43D63
Paper Hearts
- 00908B
≈ Supermint
Analogowa -30° +30°
- D43D63
Paper Hearts
- C2459F
≈ Lustful Wishes
- D34A00
≈ Ōkaihau Express
Triada +120° +240°
- D43D63
Paper Hearts
- 5C8F00
≈ Vida Loca
- 0080DD
≈ Electron Blue
Komplementarna rozszczepiona +150° +210°
- D43D63
Paper Hearts
- 009562
≈ Green Gloss
- 008CAA
≈ Quintana
Tetrada +90° +180° +270°
- D43D63
Paper Hearts
- 8F7E00
≈ Moscow Papyrus
- 00908B
≈ Supermint
- 6D69E9
≈ If I Could Fly
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--paper-hearts: #d43d63;
--paper-hearts-rgb: 212 61 99;
--paper-hearts-oklch: oklch(0.591 0.188 10.3);
}
.element {
color: var(--paper-hearts);
background-color: hsl(345 64% 54%);
border-color: oklch(0.591 0.188 10.3);
}Tailwind CSS v4
@theme {
--color-paper-hearts: #d43d63;
--color-paper-hearts-50: #ffe0e6;
--color-paper-hearts-100: #ffced7;
--color-paper-hearts-200: #ffb2be;
--color-paper-hearts-300: #ff8c9d;
--color-paper-hearts-400: #f76684;
--color-paper-hearts-500: #e63b69;
--color-paper-hearts-600: #c23459;
--color-paper-hearts-700: #9c2a47;
--color-paper-hearts-800: #741c35;
--color-paper-hearts-900: #521324;
--color-paper-hearts-950: #360413;
}SCSS
$paper-hearts: #d43d63;
$paper-hearts-rgb: 212, 61, 99;
$paper-hearts-light: mix(#fff, $paper-hearts, 20%);
$paper-hearts-dark: mix(#000, $paper-hearts, 20%);
.element {
color: $paper-hearts;
box-shadow: 0 0 0 2px rgba($paper-hearts, 0.35);
}