이름 색상 · #5CA16D
Great Gazoo
Great Gazoo은(는) #5CA16D: rgb(92 161 109), hsl(135 27% 50%), oklch(0.649 0.105 150.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Great Gazoo color name →
#5CA16D
oklch(0.649 0.105 150.5)
색상 변환
- HEX
- #5ca16d
- RGB
- rgb(92 161 109)
- HSL
- hsl(135 27% 50%)
- HWB
- hwb(135 36% 37%)
- OKLCH
- oklch(0.649 0.105 150.5)
- OKLab
- oklab(0.649 -0.091 0.052)
- CIE Lab
- lab(60.66 -31.61 20.06)
- LCH
- lch(60.66 37.44 147.6)
- CMYK
- cmyk(43% 0% 32% 37%)
틴트 · 셰이드 · 톤
틴트
- 6DAA7B
- 7EB489
- 8EBD97
- 9EC6A6
- AED0B4
- BED9C3
- CEE3D2
- DEECE1
- EFF6F0
셰이드
- 4F8B5E
- 42764F
- 366241
- 2A4E33
- 1F3C26
- 142A19
- 0A190D
- 030904
- 000101
톤
- 619E6F
- 659B71
- 6A9773
- 6D9475
- 719177
- 748E79
- 788A7B
- 7B877D
- 7D837E
색 조화
보색 +180°
- 5CA16D
Great Gazoo
- B377AD
≈ Eccentric Magenta
유사색 -30° +30°
- 5CA16D
Great Gazoo
- 86984C
≈ Bamboo Grass Green
- 2EA492
≈ Fishy House
삼각 배색 +120° +240°
- 5CA16D
Great Gazoo
- 778BCF
≈ True Lavender
- C77668
≈ Peach Macaron
분열 보색 +150° +210°
- 5CA16D
Great Gazoo
- 9980C5
≈ Lilac Purple
- C3738C
≈ Prehistoric Pink
사각 배색 +90° +180° +270°
- 5CA16D
Great Gazoo
- 4D97C9
≈ Blessed Blue
- B377AD
≈ Eccentric Magenta
- BD7F48
≈ Beeswax Candle
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.10:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.77:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--great-gazoo: #5ca16d;
--great-gazoo-rgb: 92 161 109;
--great-gazoo-oklch: oklch(0.649 0.105 150.5);
}
.element {
color: var(--great-gazoo);
background-color: hsl(135 27% 50%);
border-color: oklch(0.649 0.105 150.5);
}Tailwind CSS v4
@theme {
--color-great-gazoo: #5ca16d;
--color-great-gazoo-50: #e0fee7;
--color-great-gazoo-100: #cff3d7;
--color-great-gazoo-200: #b3e2bf;
--color-great-gazoo-300: #8ec79e;
--color-great-gazoo-400: #6fb07e;
--color-great-gazoo-500: #4c9a61;
--color-great-gazoo-600: #418252;
--color-great-gazoo-700: #346842;
--color-great-gazoo-800: #264c2d;
--color-great-gazoo-900: #1a351f;
--color-great-gazoo-950: #0a200e;
}SCSS
$great-gazoo: #5ca16d;
$great-gazoo-rgb: 92, 161, 109;
$great-gazoo-light: mix(#fff, $great-gazoo, 20%);
$great-gazoo-dark: mix(#000, $great-gazoo, 20%);
.element {
color: $great-gazoo;
box-shadow: 0 0 0 2px rgba($great-gazoo, 0.35);
}