En yakın adlandırılmış renk · #819F55
#819F55
En yakın adlandırılmış renk: Rosemarried
#819F55 (rgb(129 159 85), hsl(84 30% 48%), oklch(0.662 0.106 127.2)) en çok Rosemarried 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.
#819F55
oklch(0.662 0.106 127.2)
Renk dönüşümleri
- HEX
- #819f55
- RGB
- rgb(129 159 85)
- HSL
- hsl(84 30% 48%)
- HWB
- hwb(84 33% 38%)
- OKLCH
- oklch(0.662 0.106 127.2)
- OKLab
- oklab(0.662 -0.064 0.085)
- CIE Lab
- lab(61.9 -20.3 34.82)
- LCH
- lch(61.9 40.3 120.2)
- CMYK
- cmyk(19% 0% 47% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8DA866
- 99B277
- A5BC88
- B2C599
- BECFAA
- CBD8BB
- D8E2CC
- E5ECDD
- F2F5EE
Koyu tonlar
- 6F8A49
- 5E753D
- 4E6131
- 3E4D26
- 2E3B1C
- 1F2911
- 121808
- 060902
- 010100
Gri tonlar
- 819C5A
- 819960
- 819664
- 819369
- 81906D
- 808D71
- 808A75
- 808679
- 80837D
Renk uyumları
Tamamlayıcı +180°
- 819F55
Rosemarried
- A481C6
≈ Wisteria
Analog -30° +30°
- 819F55
Rosemarried
- A5933F
≈ 18th Century Green
- 55A679
≈ Shamrock Green
Üçlü +120° +240°
- 819F55
Rosemarried
- 5A98D1
≈ Winter Lake
- CA7687
≈ Long Spring
Bölünmüş tamamlayıcı +150° +210°
- 819F55
Rosemarried
- 838CD4
≈ Pansy Garden
- BD79AA
≈ Hollyhock Blossom Pink
Dörtlü +90° +180° +270°
- 819F55
Rosemarried
- 2EA2BD
≈ Maui
- A481C6
≈ Wisteria
- CB7B63
≈ Aloe Blossom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.98:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.02:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--rosemarried: #819f55;
--rosemarried-rgb: 129 159 85;
--rosemarried-oklch: oklch(0.662 0.106 127.2);
}
.element {
color: var(--rosemarried);
background-color: hsl(84 30% 48%);
border-color: oklch(0.662 0.106 127.2);
}Tailwind CSS v4
@theme {
--color-rosemarried: #819f55;
--color-rosemarried-50: #ecfcdc;
--color-rosemarried-100: #ddefca;
--color-rosemarried-200: #c6deae;
--color-rosemarried-300: #a6c388;
--color-rosemarried-400: #8daa64;
--color-rosemarried-500: #739340;
--color-rosemarried-600: #617c37;
--color-rosemarried-700: #4e642c;
--color-rosemarried-800: #3a491d;
--color-rosemarried-900: #283213;
--color-rosemarried-950: #161e05;
}SCSS
$rosemarried: #819f55;
$rosemarried-rgb: 129, 159, 85;
$rosemarried-light: mix(#fff, $rosemarried, 20%);
$rosemarried-dark: mix(#000, $rosemarried, 20%);
.element {
color: $rosemarried;
box-shadow: 0 0 0 2px rgba($rosemarried, 0.35);
}