가장 가까운 이름 색상 · #599800
#599800
가장 가까운 이름 색상: Gecko’s Dream
#599800(rgb(89 152 0), hsl(85 100% 30%), oklch(0.613 0.172 132.6))와 가장 가까운 이름 색상은 Gecko’s Dream입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#599800
oklch(0.613 0.172 132.6)
색상 변환
- HEX
- #599800
- RGB
- rgb(89 152 0)
- HSL
- hsl(85 100% 30%)
- HWB
- hwb(85 0% 40%)
- OKLCH
- oklch(0.613 0.172 132.6)
- OKLab
- oklab(0.613 -0.116 0.126)
- CIE Lab
- lab(56.81 -36.55 57.93)
- LCH
- lch(56.81 68.5 122.2)
- CMYK
- cmyk(41% 0% 100% 40%)
틴트 · 셰이드 · 톤
틴트
- 69A333
- 7AAD4E
- 8AB766
- 9AC27D
- ABCC93
- BBD6A8
- CCE1BE
- DDEBD3
- EEF5E9
셰이드
- 4C8400
- 407000
- 345C00
- 284A00
- 1D3800
- 132700
- 091700
- 030800
- 000100
톤
- 5E9623
- 629434
- 669242
- 6A904D
- 6E8D57
- 728B60
- 768868
- 798671
- 7D8378
색 조화
보색 +180°
- 599800
Gecko’s Dream
- A75FCC
≈ Ripe Lavander
유사색 -30° +30°
- 599800
Gecko’s Dream
- 938600
≈ Thicket Green
- 009C6C
≈ Jitterbug Jade
삼각 배색 +120° +240°
- 599800
Gecko’s Dream
- 2085E7
≈ Blue Cola
- D64D67
≈ Cranberry Splash
분열 보색 +150° +210°
- 599800
Gecko’s Dream
- 7871E6
≈ Hera Blue
- C6529F
≈ Rose Violet
사각 배색 +90° +180° +270°
- 599800
Gecko’s Dream
- 0092B5
≈ Cool Tide
- A75FCC
≈ Ripe Lavander
- D55819
≈ Tomato Bisque
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.54:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.91:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--gecko-s-dream: #599800;
--gecko-s-dream-rgb: 89 152 0;
--gecko-s-dream-oklch: oklch(0.613 0.172 132.6);
}
.element {
color: var(--gecko-s-dream);
background-color: hsl(85 100% 30%);
border-color: oklch(0.613 0.172 132.6);
}Tailwind CSS v4
@theme {
--color-gecko-s-dream: #599800;
--color-gecko-s-dream-50: #e1ffcf;
--color-gecko-s-dream-100: #d0f5bb;
--color-gecko-s-dream-200: #b5e59a;
--color-gecko-s-dream-300: #91cb6e;
--color-gecko-s-dream-400: #75b33c;
--color-gecko-s-dream-500: #569c00;
--color-gecko-s-dream-600: #498400;
--color-gecko-s-dream-700: #3a6a00;
--color-gecko-s-dream-800: #2d4d00;
--color-gecko-s-dream-900: #1e3600;
--color-gecko-s-dream-950: #0e2100;
}SCSS
$gecko-s-dream: #599800;
$gecko-s-dream-rgb: 89, 152, 0;
$gecko-s-dream-light: mix(#fff, $gecko-s-dream, 20%);
$gecko-s-dream-dark: mix(#000, $gecko-s-dream, 20%);
.element {
color: $gecko-s-dream;
box-shadow: 0 0 0 2px rgba($gecko-s-dream, 0.35);
}