Adlandırılmış renk · #957E68
Lover’s Leap
Lover’s Leap, #957E68: rgb(149 126 104), hsl(29 18% 50%), oklch(0.609 0.043 65.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Lover’s Leap color name →
#957E68
oklch(0.609 0.043 65.6)
Renk dönüşümleri
- HEX
- #957e68
- RGB
- rgb(149 126 104)
- HSL
- hsl(29 18% 50%)
- HWB
- hwb(29 41% 42%)
- OKLCH
- oklch(0.609 0.043 65.6)
- OKLab
- oklab(0.609 0.018 0.039)
- CIE Lab
- lab(54.54 6.6 15.48)
- LCH
- lch(54.54 16.83 66.9)
- CMYK
- cmyk(0% 15% 30% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9F8A76
- AA9785
- B4A393
- BEB0A2
- C9BDB1
- D4CAC0
- DED7D0
- E9E4DF
- F4F1EF
Koyu tonlar
- 816D59
- 6D5C4B
- 5A4C3E
- 483C30
- 372D24
- 261F18
- 16110C
- 080504
- 010100
Gri tonlar
- 937E6B
- 917F6D
- 8F7F70
- 8D7F72
- 8B7F74
- 897F77
- 868079
- 84807B
- 82807E
Renk uyumları
Tamamlayıcı +180°
- 957E68
Lover’s Leap
- 6E869B
≈ Merman
Analog -30° +30°
- 957E68
Lover’s Leap
- 9B7A71
≈ Soft Cocoa
- 8A8366
≈ Overgrown Granite
Üçlü +120° +240°
- 957E68
Lover’s Leap
- 668B86
≈ Tasmanian Sea
- 897D98
≈ Grey Dusk
Bölünmüş tamamlayıcı +150° +210°
- 957E68
Lover’s Leap
- 658A93
≈ Horizon
- 7B819D
≈ Blue Intrigue
Dörtlü +90° +180° +270°
- 957E68
Lover’s Leap
- 6F8B78
≈ Capsella
- 6E869B
≈ Merman
- 94798D
≈ Muted Berry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.84:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.46:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--lover-s-leap: #957e68;
--lover-s-leap-rgb: 149 126 104;
--lover-s-leap-oklch: oklch(0.609 0.043 65.6);
}
.element {
color: var(--lover-s-leap);
background-color: hsl(29 18% 50%);
border-color: oklch(0.609 0.043 65.6);
}Tailwind CSS v4
@theme {
--color-lover-s-leap: #957e68;
--color-lover-s-leap-50: #fef3e9;
--color-lover-s-leap-100: #f2e6d9;
--color-lover-s-leap-200: #e1d1c1;
--color-lover-s-leap-300: #c7b4a1;
--color-lover-s-leap-400: #b09a84;
--color-lover-s-leap-500: #9a8168;
--color-lover-s-leap-600: #826d59;
--color-lover-s-leap-700: #685747;
--color-lover-s-leap-800: #4d3f33;
--color-lover-s-leap-900: #362c23;
--color-lover-s-leap-950: #211912;
}SCSS
$lover-s-leap: #957e68;
$lover-s-leap-rgb: 149, 126, 104;
$lover-s-leap-light: mix(#fff, $lover-s-leap, 20%);
$lover-s-leap-dark: mix(#000, $lover-s-leap, 20%);
.element {
color: $lover-s-leap;
box-shadow: 0 0 0 2px rgba($lover-s-leap, 0.35);
}