이름 색상 · #9DBB7D
Gleeful
Gleeful은(는) #9DBB7D: rgb(157 187 125), hsl(89 31% 61%), oklch(0.754 0.091 129.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Gleeful color name →
#9DBB7D
oklch(0.754 0.091 129.3)
색상 변환
- HEX
- #9dbb7d
- RGB
- rgb(157 187 125)
- HSL
- hsl(89 31% 61%)
- HWB
- hwb(89 49% 27%)
- OKLCH
- oklch(0.754 0.091 129.3)
- OKLab
- oklab(0.754 -0.058 0.07)
- CIE Lab
- lab(72.47 -18.76 27.97)
- LCH
- lch(72.47 33.68 123.9)
- CMYK
- cmyk(16% 0% 33% 27%)
틴트 · 셰이드 · 톤
틴트
- A6C28A
- B0C997
- BACFA4
- C3D6B1
- CDDDBE
- D7E4CB
- E1EBD8
- EBF1E5
- F5F8F2
셰이드
- 88A26C
- 738A5B
- 5F734B
- 4C5C3B
- 3A462C
- 28321E
- 181F11
- 090D05
- 010201
톤
- 9AB57E
- 97AF7F
- 94A97F
- 91A380
- 8F9D80
- 8C9780
- 899280
- 868C80
- 838680
색 조화
보색 +180°
- 9DBB7D
Gleeful
- C0A0DB
≈ Enchanted Lavender
유사색 -30° +30°
- 9DBB7D
Gleeful
- BDB16C
≈ Straw Hut
- 7BC19B
≈ Willow Hedge
삼각 배색 +120° +240°
- 9DBB7D
Gleeful
- 82B4E7
≈ Aero
- E297A3
≈ Cherry Ice
분열 보색 +150° +210°
- 9DBB7D
Gleeful
- A3A9E8
≈ Maximum Blue Purple
- D699C2
≈ Soft Fuchsia
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.83:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--gleeful: #9dbb7d;
--gleeful-rgb: 157 187 125;
--gleeful-oklch: oklch(0.754 0.091 129.3);
}
.element {
color: var(--gleeful);
background-color: hsl(89 31% 61%);
border-color: oklch(0.754 0.091 129.3);
}Tailwind CSS v4
@theme {
--color-gleeful: #9dbb7d;
--color-gleeful-50: #ecfbe0;
--color-gleeful-100: #ddefd0;
--color-gleeful-200: #c7ddb5;
--color-gleeful-300: #a7c291;
--color-gleeful-400: #8da96f;
--color-gleeful-500: #73924f;
--color-gleeful-600: #617c44;
--color-gleeful-700: #4e6336;
--color-gleeful-800: #3a4825;
--color-gleeful-900: #273218;
--color-gleeful-950: #161e09;
}SCSS
$gleeful: #9dbb7d;
$gleeful-rgb: 157, 187, 125;
$gleeful-light: mix(#fff, $gleeful, 20%);
$gleeful-dark: mix(#000, $gleeful, 20%);
.element {
color: $gleeful;
box-shadow: 0 0 0 2px rgba($gleeful, 0.35);
}