이름 색상 · #5A8B3F
Golf Day
Golf Day은(는) #5A8B3F: rgb(90 139 63), hsl(99 38% 40%), oklch(0.584 0.12 135.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Golf Day color name →
#5A8B3F
oklch(0.584 0.12 135.7)
색상 변환
- HEX
- #5a8b3f
- RGB
- rgb(90 139 63)
- HSL
- hsl(99 38% 40%)
- HWB
- hwb(99 25% 45%)
- OKLCH
- oklch(0.584 0.12 135.7)
- OKLab
- oklab(0.584 -0.085 0.084)
- CIE Lab
- lab(53.04 -28.02 34.65)
- LCH
- lch(53.04 44.56 129)
- CMYK
- cmyk(35% 0% 55% 45%)
틴트 · 셰이드 · 톤
틴트
- 6A9653
- 7AA266
- 8AAD79
- 9AB98B
- AAC49E
- BBD0B1
- CCDCC4
- DDE7D8
- EEF3EB
셰이드
- 4D7835
- 41662C
- 355423
- 29431B
- 1E3212
- 13230A
- 091404
- 030701
- 000100
톤
- 5E8A47
- 62894E
- 668855
- 6A875C
- 6E8662
- 728569
- 75846F
- 798375
- 7D817A
색 조화
보색 +180°
- 5A8B3F
Golf Day
- 9664AB
≈ Empire Violet
유사색 -30° +30°
- 5A8B3F
Golf Day
- 867F11
≈ Olive
- 0B916A
≈ Viridian
삼각 배색 +120° +240°
- 5A8B3F
Golf Day
- 487DC1
≈ Tufts Blue
- B75B63
≈ Pink Flame
분열 보색 +150° +210°
- 5A8B3F
Golf Day
- 766FBF
≈ Venus Violet
- AD5C8B
≈ Dahlia Mauve
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.03:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.19:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.19:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--golf-day: #5a8b3f;
--golf-day-rgb: 90 139 63;
--golf-day-oklch: oklch(0.584 0.12 135.7);
}
.element {
color: var(--golf-day);
background-color: hsl(99 38% 40%);
border-color: oklch(0.584 0.12 135.7);
}Tailwind CSS v4
@theme {
--color-golf-day: #5a8b3f;
--color-golf-day-50: #e5fedd;
--color-golf-day-100: #d5f2cb;
--color-golf-day-200: #bce1af;
--color-golf-day-300: #9ac68a;
--color-golf-day-400: #7eae66;
--color-golf-day-500: #619742;
--color-golf-day-600: #528039;
--color-golf-day-700: #41672d;
--color-golf-day-800: #314b1d;
--color-golf-day-900: #213413;
--color-golf-day-950: #101f05;
}SCSS
$golf-day: #5a8b3f;
$golf-day-rgb: 90, 139, 63;
$golf-day-light: mix(#fff, $golf-day, 20%);
$golf-day-dark: mix(#000, $golf-day, 20%);
.element {
color: $golf-day;
box-shadow: 0 0 0 2px rgba($golf-day, 0.35);
}