이름 색상 · #44AA00
Early Dew
Early Dew은(는) #44AA00: rgb(68 170 0), hsl(96 100% 33%), oklch(0.651 0.202 138.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Early Dew color name →
#44AA00
oklch(0.651 0.202 138.1)
색상 변환
- HEX
- #44aa00
- RGB
- rgb(68 170 0)
- HSL
- hsl(96 100% 33%)
- HWB
- hwb(96 0% 33%)
- OKLCH
- oklch(0.651 0.202 138.1)
- OKLab
- oklab(0.651 -0.15 0.135)
- CIE Lab
- lab(61.74 -49.33 61.22)
- LCH
- lch(61.74 78.62 128.9)
- CMYK
- cmyk(60% 0% 100% 33%)
틴트 · 셰이드 · 톤
틴트
- 5AB336
- 6EBC52
- 81C56A
- 93CD80
- A6D696
- B7DEAB
- C9E7C0
- DBEFD5
- EDF7EA
셰이드
- 3A9300
- 307D00
- 266800
- 1D5300
- 143F00
- 0C2D00
- 051B00
- 020B00
- 000100
톤
- 4DA626
- 55A237
- 5C9E45
- 639A50
- 699659
- 6E9262
- 738E6A
- 788972
- 7C8579
색 조화
보색 +180°
- 44AA00
Early Dew
- C15EDD
≈ Thick Pink
유사색 -30° +30°
- 44AA00
Early Dew
- 989500
≈ Turtle Moss
- 00A980
≈ Simply Green
삼각 배색 +120° +240°
- 44AA00
Early Dew
- 3D8CFF
≈ Bleuchâtel Blue
- F14B5F
≈ Calypso Coral
분열 보색 +150° +210°
- 44AA00
Early Dew
- 8E74FF
≈ Blackthorn Berry
- E24EA5
≈ Orion
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.00:1 · APCA Lc 56
Ag
AA검은색 위
WCAG 6.99:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 6.99:1 (AA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--early-dew: #44aa00;
--early-dew-rgb: 68 170 0;
--early-dew-oklch: oklch(0.651 0.202 138.1);
}
.element {
color: var(--early-dew);
background-color: hsl(96 100% 33%);
border-color: oklch(0.651 0.202 138.1);
}Tailwind CSS v4
@theme {
--color-early-dew: #44aa00;
--color-early-dew-50: #d7ffcd;
--color-early-dew-100: #c4f9b9;
--color-early-dew-200: #a5ea96;
--color-early-dew-300: #7bd069;
--color-early-dew-400: #59b931;
--color-early-dew-500: #2aa200;
--color-early-dew-600: #268900;
--color-early-dew-700: #1f6e00;
--color-early-dew-800: #1a5000;
--color-early-dew-900: #113800;
--color-early-dew-950: #032200;
}SCSS
$early-dew: #44aa00;
$early-dew-rgb: 68, 170, 0;
$early-dew-light: mix(#fff, $early-dew, 20%);
$early-dew-dark: mix(#000, $early-dew, 20%);
.element {
color: $early-dew;
box-shadow: 0 0 0 2px rgba($early-dew, 0.35);
}