이름 색상 · #598069
Holenso
Holenso은(는) #598069: rgb(89 128 105), hsl(145 18% 43%), oklch(0.564 0.056 158.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Holenso color name →
#598069
oklch(0.564 0.056 158.1)
색상 변환
- HEX
- #598069
- RGB
- rgb(89 128 105)
- HSL
- hsl(145 18% 43%)
- HWB
- hwb(145 35% 50%)
- OKLCH
- oklch(0.564 0.056 158.1)
- OKLab
- oklab(0.564 -0.052 0.021)
- CIE Lab
- lab(50.16 -18.13 7.96)
- LCH
- lch(50.16 19.8 156.3)
- CMYK
- cmyk(30% 0% 18% 50%)
틴트 · 셰이드 · 톤
틴트
- 698C77
- 799885
- 89A594
- 99B1A2
- AABEB1
- BACBC0
- CBD8D0
- DCE5DF
- EEF2EF
셰이드
- 4C6E5A
- 405D4C
- 344D3E
- 283D31
- 1D2E24
- 131F18
- 09120C
- 030604
- 000100
톤
- 5D806B
- 61806E
- 668070
- 6A8072
- 6D8075
- 718077
- 758079
- 79807B
- 7C807E
색 조화
보색 +180°
- 598069
Holenso
- 8C6981
≈ Imaginary Mauve
유사색 -30° +30°
- 598069
Holenso
- 6C7C58
≈ Kariyasu Green
- 4D817C
≈ Bubble Turquoise
삼각 배색 +120° +240°
- 598069
Holenso
- 6D7397
≈ Silk Crepe Mauve
- 936A5D
≈ Badlands Sunset
분열 보색 +150° +210°
- 598069
Holenso
- 7F6D90
≈ Nymph’s Delight
- 93686F
≈ Mauve-a-Lish
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.45:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.71:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.71:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--holenso: #598069;
--holenso-rgb: 89 128 105;
--holenso-oklch: oklch(0.564 0.056 158.1);
}
.element {
color: var(--holenso);
background-color: hsl(145 18% 43%);
border-color: oklch(0.564 0.056 158.1);
}Tailwind CSS v4
@theme {
--color-holenso: #598069;
--color-holenso-50: #e8faf0;
--color-holenso-100: #d9eee1;
--color-holenso-200: #c0dccc;
--color-holenso-300: #9fc1ae;
--color-holenso-400: #83a992;
--color-holenso-500: #669278;
--color-holenso-600: #577b66;
--color-holenso-700: #456351;
--color-holenso-800: #32483a;
--color-holenso-900: #223228;
--color-holenso-950: #111e16;
}SCSS
$holenso: #598069;
$holenso-rgb: 89, 128, 105;
$holenso-light: mix(#fff, $holenso, 20%);
$holenso-dark: mix(#000, $holenso, 20%);
.element {
color: $holenso;
box-shadow: 0 0 0 2px rgba($holenso, 0.35);
}