Adlandırılmış renk · #789B73
Horenso Green
Horenso Green, #789B73: rgb(120 155 115), hsl(113 17% 53%), oklch(0.652 0.07 141.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Horenso Green color name →
#789B73
oklch(0.652 0.07 141.5)
Renk dönüşümleri
- HEX
- #789b73
- RGB
- rgb(120 155 115)
- HSL
- hsl(113 17% 53%)
- HWB
- hwb(113 45% 39%)
- OKLCH
- oklch(0.652 0.07 141.5)
- OKLab
- oklab(0.652 -0.055 0.044)
- CIE Lab
- lab(60.53 -18.59 16.95)
- LCH
- lch(60.53 25.16 137.6)
- CMYK
- cmyk(23% 0% 26% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 85A580
- 92AE8E
- 9FB89B
- ADC2A9
- BACCB7
- C8D6C5
- D5E0D3
- E3EAE2
- F1F5F0
Koyu tonlar
- 678663
- 577254
- 485E45
- 394B36
- 2A3928
- 1D281B
- 10180F
- 050905
- 010101
Gri tonlar
- 799874
- 7A9676
- 7B9377
- 7C9079
- 7D8E7A
- 7D8B7B
- 7E887D
- 7F857E
- 7F837F
Renk uyumları
Tamamlayıcı +180°
- 789B73
Horenso Green
- A482AA
≈ Nightshade Violet
Analog -30° +30°
- 789B73
Horenso Green
- 919462
≈ Indian Green
- 619E8B
≈ Dull Teal
Üçlü +120° +240°
- 789B73
Horenso Green
- 7890BB
≈ Opal Violet
- B77F7D
≈ Ash Rose
Bölünmüş tamamlayıcı +150° +210°
- 789B73
Horenso Green
- 9089B8
≈ Butterfly Garden
- B27E95
≈ Heather Violet
Dörtlü +90° +180° +270°
- 789B73
Horenso Green
- 6298B3
≈ Pass Time Blue
- A482AA
≈ Nightshade Violet
- B38468
≈ Syrup
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.11:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.73:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--horenso-green: #789b73;
--horenso-green-rgb: 120 155 115;
--horenso-green-oklch: oklch(0.652 0.07 141.5);
}
.element {
color: var(--horenso-green);
background-color: hsl(113 17% 53%);
border-color: oklch(0.652 0.07 141.5);
}Tailwind CSS v4
@theme {
--color-horenso-green: #789b73;
--color-horenso-green-50: #eafbe9;
--color-horenso-green-100: #dbeed9;
--color-horenso-green-200: #c3ddc2;
--color-horenso-green-300: #a3c1a1;
--color-horenso-green-400: #88a983;
--color-horenso-green-500: #6c9266;
--color-horenso-green-600: #5c7c57;
--color-horenso-green-700: #496345;
--color-horenso-green-800: #364831;
--color-horenso-green-900: #253221;
--color-horenso-green-950: #131e11;
}SCSS
$horenso-green: #789b73;
$horenso-green-rgb: 120, 155, 115;
$horenso-green-light: mix(#fff, $horenso-green, 20%);
$horenso-green-dark: mix(#000, $horenso-green, 20%);
.element {
color: $horenso-green;
box-shadow: 0 0 0 2px rgba($horenso-green, 0.35);
}