Adlandırılmış renk · #CD0D0D
Love Goddess
Love Goddess, #CD0D0D: rgb(205 13 13), hsl(0 88% 43%), oklch(0.536 0.215 28.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Love Goddess color name →
#CD0D0D
oklch(0.536 0.215 28.7)
Renk dönüşümleri
- HEX
- #cd0d0d
- RGB
- rgb(205 13 13)
- HSL
- hsl(0 88% 43%)
- HWB
- hwb(0 5% 20%)
- OKLCH
- oklch(0.536 0.215 28.7)
- OKLab
- oklab(0.536 0.188 0.103)
- CIE Lab
- lab(44.08 67.45 55.09)
- LCH
- lch(44.08 87.09 39.2)
- CMYK
- cmyk(0% 94% 94% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D63B30
- DD5648
- E46E5F
- EB8476
- F0998C
- F5AEA3
- F9C2B9
- FCD6D0
- FEEBE8
Koyu tonlar
- B20A0A
- 980707
- 7E0505
- 660303
- 4E0202
- 380101
- 230000
- 0F0000
- 020000
Gri tonlar
- C72B22
- C13C31
- BB483D
- B45347
- AD5C52
- A5655B
- 9D6C65
- 94736E
- 8B7A77
Renk uyumları
Tamamlayıcı +180°
- CD0D0D
Love Goddess
- 007C8A
≈ Metallic Seaweed
Analog -30° +30°
- CD0D0D
Love Goddess
- C5086B
≈ Vampiric Bloodlust
- A25800
≈ Windsor Brown
Üçlü +120° +240°
- CD0D0D
Love Goddess
- 008436
≈ Broccoli Paradise
- 3D5BE8
≈ Qing Dynasty Dragon
Bölünmüş tamamlayıcı +150° +210°
- CD0D0D
Love Goddess
- 00806E
≈ Tropical Green
- 0075AB
≈ Reef Escape
Dörtlü +90° +180° +270°
- CD0D0D
Love Goddess
- 677700
≈ Topiary Green
- 007C8A
≈ Metallic Seaweed
- 8241D6
≈ Thick Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.73:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.65:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--love-goddess: #cd0d0d;
--love-goddess-rgb: 205 13 13;
--love-goddess-oklch: oklch(0.536 0.215 28.7);
}
.element {
color: var(--love-goddess);
background-color: hsl(0 88% 43%);
border-color: oklch(0.536 0.215 28.7);
}Tailwind CSS v4
@theme {
--color-love-goddess: #cd0d0d;
--color-love-goddess-50: #ffdfd0;
--color-love-goddess-100: #ffcdbd;
--color-love-goddess-200: #ffb09c;
--color-love-goddess-300: #ff8871;
--color-love-goddess-400: #ff5e4f;
--color-love-goddess-500: #f4261f;
--color-love-goddess-600: #ce251d;
--color-love-goddess-700: #a61e17;
--color-love-goddess-800: #7c1213;
--color-love-goddess-900: #580c0c;
--color-love-goddess-950: #3b0002;
}SCSS
$love-goddess: #cd0d0d;
$love-goddess-rgb: 205, 13, 13;
$love-goddess-light: mix(#fff, $love-goddess, 20%);
$love-goddess-dark: mix(#000, $love-goddess, 20%);
.element {
color: $love-goddess;
box-shadow: 0 0 0 2px rgba($love-goddess, 0.35);
}