Adlandırılmış renk · #8F3B3D
Lover’s Kiss
Lover’s Kiss, #8F3B3D: rgb(143 59 61), hsl(359 42% 40%), oklch(0.467 0.114 21.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Lover’s Kiss color name →
#8F3B3D
oklch(0.467 0.114 21.2)
Renk dönüşümleri
- HEX
- #8f3b3d
- RGB
- rgb(143 59 61)
- HSL
- hsl(359 42% 40%)
- HWB
- hwb(359 23% 44%)
- OKLCH
- oklch(0.467 0.114 21.2)
- OKLab
- oklab(0.467 0.107 0.041)
- CIE Lab
- lab(36.98 36.46 17.59)
- LCH
- lch(36.98 40.48 25.8)
- CMYK
- cmyk(0% 59% 57% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C4F4F
- A86261
- B47573
- BF8886
- CB9B99
- D6AFAD
- E0C2C1
- EBD6D5
- F5EBEA
Koyu tonlar
- 7C3234
- 69292B
- 572122
- 45191A
- 341112
- 24090A
- 150404
- 070101
- 010000
Gri tonlar
- 8F4344
- 8E4B4A
- 8D5251
- 8C5958
- 8B605E
- 8A6665
- 886D6C
- 867372
- 837A79
Renk uyumları
Tamamlayıcı +180°
- 8F3B3D
Lover’s Kiss
- 00676C
≈ Tahitian Treat
Analog -30° +30°
- 8F3B3D
Lover’s Kiss
- 883B62
≈ Berry Patch
- 8A430D
≈ Sis Kebab
Üçlü +120° +240°
- 8F3B3D
Lover’s Kiss
- 306928
≈ Radical Green
- 345899
≈ Muted Lavender
Bölünmüş tamamlayıcı +150° +210°
- 8F3B3D
Lover’s Kiss
- 006A53
≈ Peacock Green
- 006285
≈ Blue League
Dörtlü +90° +180° +270°
- 8F3B3D
Lover’s Kiss
- 5D5F00
≈ Kirchner Green
- 00676C
≈ Tahitian Treat
- 5B4C94
≈ Purple Corallite
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.34:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.86:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.34:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--lover-s-kiss: #8f3b3d;
--lover-s-kiss-rgb: 143 59 61;
--lover-s-kiss-oklch: oklch(0.467 0.114 21.2);
}
.element {
color: var(--lover-s-kiss);
background-color: hsl(359 42% 40%);
border-color: oklch(0.467 0.114 21.2);
}Tailwind CSS v4
@theme {
--color-lover-s-kiss: #8f3b3d;
--color-lover-s-kiss-50: #ffe9e6;
--color-lover-s-kiss-100: #ffdad6;
--color-lover-s-kiss-200: #ffc2bd;
--color-lover-s-kiss-300: #eca09c;
--color-lover-s-kiss-400: #da8281;
--color-lover-s-kiss-500: #c76464;
--color-lover-s-kiss-600: #a85555;
--color-lover-s-kiss-700: #874444;
--color-lover-s-kiss-800: #643132;
--color-lover-s-kiss-900: #462122;
--color-lover-s-kiss-950: #2d1011;
}SCSS
$lover-s-kiss: #8f3b3d;
$lover-s-kiss-rgb: 143, 59, 61;
$lover-s-kiss-light: mix(#fff, $lover-s-kiss, 20%);
$lover-s-kiss-dark: mix(#000, $lover-s-kiss, 20%);
.element {
color: $lover-s-kiss;
box-shadow: 0 0 0 2px rgba($lover-s-kiss, 0.35);
}