Nazwany kolor · #D98695
Shimmering Blush
Shimmering Blush to #D98695: rgb(217 134 149), hsl(349 52% 69%), oklch(0.711 0.103 8.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Shimmering Blush color name →
#D98695
oklch(0.711 0.103 8.3)
Konwersje koloru
- HEX
- #d98695
- RGB
- rgb(217 134 149)
- HSL
- hsl(349 52% 69%)
- HWB
- hwb(349 53% 15%)
- OKLCH
- oklch(0.711 0.103 8.3)
- OKLab
- oklab(0.711 0.102 0.015)
- CIE Lab
- lab(65.24 34 6.2)
- LCH
- lch(65.24 34.56 10.3)
- CMYK
- cmyk(0% 38% 31% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DE929F
- E29EA9
- E7AAB4
- EBB6BE
- EFC2C9
- F2CED3
- F6DADE
- F9E7E9
- FCF3F4
Odcienie ciemniejsze
- BC7481
- A1626D
- 86515A
- 6C4048
- 533037
- 3B2126
- 251316
- 110608
- 020101
Tony
- D08693
- C88691
- BF858F
- B6858D
- AD848A
- A58388
- 9C8386
- 938284
- 898182
Harmonie kolorów
Komplementarna +180°
- D98695
Shimmering Blush
- 43B6AE
≈ Message Green
Analogowa -30° +30°
- D98695
Shimmering Blush
- CC88B8
≈ Rock Star Pink
- D98B72
≈ Vintage Coral
Triada +120° +240°
- D98695
Shimmering Blush
- 8FAE67
≈ Celuce
- 6CA7DF
≈ Greek Sea
Komplementarna rozszczepiona +150° +210°
- D98695
Shimmering Blush
- 65B589
≈ Crazy Eyes
- 48B1CD
≈ Santorini
Tetrada +90° +180° +270°
- D98695
Shimmering Blush
- B2A352
≈ Gingko Leaf
- 43B6AE
≈ Message Green
- 939BE2
≈ Portage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.69:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.79:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--shimmering-blush: #d98695;
--shimmering-blush-rgb: 217 134 149;
--shimmering-blush-oklch: oklch(0.711 0.103 8.3);
}
.element {
color: var(--shimmering-blush);
background-color: hsl(349 52% 69%);
border-color: oklch(0.711 0.103 8.3);
}Tailwind CSS v4
@theme {
--color-shimmering-blush: #d98695;
--color-shimmering-blush-50: #ffeaee;
--color-shimmering-blush-100: #ffdae0;
--color-shimmering-blush-200: #fdc3ca;
--color-shimmering-blush-300: #e7a2ab;
--color-shimmering-blush-400: #d38492;
--color-shimmering-blush-500: #bf6779;
--color-shimmering-blush-600: #a25866;
--color-shimmering-blush-700: #824652;
--color-shimmering-blush-800: #60323d;
--color-shimmering-blush-900: #43222a;
--color-shimmering-blush-950: #2b1117;
}SCSS
$shimmering-blush: #d98695;
$shimmering-blush-rgb: 217, 134, 149;
$shimmering-blush-light: mix(#fff, $shimmering-blush, 20%);
$shimmering-blush-dark: mix(#000, $shimmering-blush, 20%);
.element {
color: $shimmering-blush;
box-shadow: 0 0 0 2px rgba($shimmering-blush, 0.35);
}