이름 색상 · #789B73
Horenso Green
Horenso Green은(는) #789B73: rgb(120 155 115), hsl(113 17% 53%), oklch(0.652 0.07 141.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Horenso Green color name →
#789B73
oklch(0.652 0.07 141.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 85A580
- 92AE8E
- 9FB89B
- ADC2A9
- BACCB7
- C8D6C5
- D5E0D3
- E3EAE2
- F1F5F0
셰이드
- 678663
- 577254
- 485E45
- 394B36
- 2A3928
- 1D281B
- 10180F
- 050905
- 010101
톤
- 799874
- 7A9676
- 7B9377
- 7C9079
- 7D8E7A
- 7D8B7B
- 7E887D
- 7F857E
- 7F837F
색 조화
보색 +180°
- 789B73
Horenso Green
- A482AA
≈ Nightshade Violet
유사색 -30° +30°
- 789B73
Horenso Green
- 919462
≈ Indian Green
- 619E8B
≈ Dull Teal
삼각 배색 +120° +240°
- 789B73
Horenso Green
- 7890BB
≈ Opal Violet
- B77F7D
≈ Ash Rose
분열 보색 +150° +210°
- 789B73
Horenso Green
- 9089B8
≈ Butterfly Garden
- B27E95
≈ Heather Violet
사각 배색 +90° +180° +270°
- 789B73
Horenso Green
- 6298B3
≈ Pass Time Blue
- A482AA
≈ Nightshade Violet
- B38468
≈ Syrup
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.11:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.73:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
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);
}