En yakın adlandırılmış renk · #D13870
#D13870
En yakın adlandırılmış renk: Self-Love
#D13870 (rgb(209 56 112), hsl(338 62% 52%), oklch(0.585 0.193 3.3)) en çok Self-Love adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D13870
oklch(0.585 0.193 3.3)
Renk dönüşümleri
- HEX
- #d13870
- RGB
- rgb(209 56 112)
- HSL
- hsl(338 62% 52%)
- HWB
- hwb(338 22% 18%)
- OKLCH
- oklch(0.585 0.193 3.3)
- OKLab
- oklab(0.585 0.192 0.011)
- CIE Lab
- lab(49.5 62.55 5.35)
- LCH
- lch(49.5 62.78 4.9)
- CMYK
- cmyk(0% 73% 46% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8517D
- DF678B
- E67B99
- EB8EA7
- F0A1B5
- F5B4C3
- F8C7D2
- FBDAE1
- FEECF0
Koyu tonlar
- B52F60
- 9B2751
- 811F43
- 681735
- 500F27
- 39081A
- 23040E
- 100104
- 020001
Gri tonlar
- CA4472
- C44E73
- BC5675
- B55E76
- AD6578
- A56B7A
- 9D717B
- 94767D
- 8A7B7E
Renk uyumları
Tamamlayıcı +180°
- D13870
Self-Love
- 008F82
≈ Philips Green
Analog -30° +30°
- D13870
Self-Love
- BB44AB
≈ Ultraviolet Nusp
- D63F1F
≈ Mr. Krabs
Üçlü +120° +240°
- D13870
Self-Love
- 6C8900
≈ Italian Buckthorn
- 0083C9
≈ Water Raceway
Bölünmüş tamamlayıcı +150° +210°
- D13870
Self-Love
- 00944F
≈ Paperboy’s Lawn
- 008BA0
≈ Parrot Flight
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.65:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.51:1 · APCA Lc 31
En iyi metin rengi: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--self-love: #d13870;
--self-love-rgb: 209 56 112;
--self-love-oklch: oklch(0.585 0.193 3.3);
}
.element {
color: var(--self-love);
background-color: hsl(338 62% 52%);
border-color: oklch(0.585 0.193 3.3);
}Tailwind CSS v4
@theme {
--color-self-love: #d13870;
--color-self-love-50: #ffdfed;
--color-self-love-100: #ffcddf;
--color-self-love-200: #ffb1c9;
--color-self-love-300: #ff8aa9;
--color-self-love-400: #f66493;
--color-self-love-500: #e53879;
--color-self-love-600: #c13267;
--color-self-love-700: #9b2852;
--color-self-love-800: #731b3e;
--color-self-love-900: #52122b;
--color-self-love-950: #360318;
}SCSS
$self-love: #d13870;
$self-love-rgb: 209, 56, 112;
$self-love-light: mix(#fff, $self-love, 20%);
$self-love-dark: mix(#000, $self-love, 20%);
.element {
color: $self-love;
box-shadow: 0 0 0 2px rgba($self-love, 0.35);
}