이름 색상 · #44764A
Maidenhair Fern
Maidenhair Fern은(는) #44764A: rgb(68 118 74), hsl(127 27% 36%), oklch(0.518 0.088 147). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Maidenhair Fern color name →
#44764A
oklch(0.518 0.088 147)
색상 변환
- HEX
- #44764a
- RGB
- rgb(68 118 74)
- HSL
- hsl(127 27% 36%)
- HWB
- hwb(127 27% 54%)
- OKLCH
- oklch(0.518 0.088 147)
- OKLab
- oklab(0.518 -0.073 0.048)
- CIE Lab
- lab(45.2 -25.22 18.79)
- LCH
- lch(45.2 31.45 143.3)
- CMYK
- cmyk(42% 0% 37% 54%)
틴트 · 셰이드 · 톤
틴트
- 56835B
- 68906C
- 7A9E7D
- 8DAB8F
- 9FB9A1
- B2C7B3
- C5D4C6
- D8E3D9
- EBF1EC
셰이드
- 3A663F
- 305635
- 26472A
- 1D3820
- 142917
- 0C1C0E
- 050F06
- 020502
- 000100
톤
- 4B7750
- 517855
- 58795B
- 5E7A60
- 647C65
- 697C6B
- 6F7D70
- 757E75
- 7A7F7B
색 조화
보색 +180°
- 44764A
Maidenhair Fern
- 835683
≈ Concord Grape
유사색 -30° +30°
- 44764A
Maidenhair Fern
- 656F30
≈ Forest Spirit
- 1C7967
≈ Shady Glade
삼각 배색 +120° +240°
- 44764A
Maidenhair Fern
- 52669B
≈ Electrify
- 94544D
≈ Marsala
분열 보색 +150° +210°
- 44764A
Maidenhair Fern
- 6E5D95
≈ Just a Fairytale
- 905269
≈ Velour Scar
사각 배색 +90° +180° +270°
- 44764A
Maidenhair Fern
- 2F6F94
≈ Blue Oasis
- 835683
≈ Concord Grape
- 8E5B33
≈ Carrageen Moss
대비 및 접근성
Ag
AA흰색 위
WCAG 5.33:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.93:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.33:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--maidenhair-fern: #44764a;
--maidenhair-fern-rgb: 68 118 74;
--maidenhair-fern-oklch: oklch(0.518 0.088 147);
}
.element {
color: var(--maidenhair-fern);
background-color: hsl(127 27% 36%);
border-color: oklch(0.518 0.088 147);
}Tailwind CSS v4
@theme {
--color-maidenhair-fern: #44764a;
--color-maidenhair-fern-50: #e5fde8;
--color-maidenhair-fern-100: #d5f1d8;
--color-maidenhair-fern-200: #bbdfc0;
--color-maidenhair-fern-300: #99c49f;
--color-maidenhair-fern-400: #7cad80;
--color-maidenhair-fern-500: #5d9664;
--color-maidenhair-fern-600: #4f7f55;
--color-maidenhair-fern-700: #3f6643;
--color-maidenhair-fern-800: #2e4a2f;
--color-maidenhair-fern-900: #1f3420;
--color-maidenhair-fern-950: #0f1f0f;
}SCSS
$maidenhair-fern: #44764a;
$maidenhair-fern-rgb: 68, 118, 74;
$maidenhair-fern-light: mix(#fff, $maidenhair-fern, 20%);
$maidenhair-fern-dark: mix(#000, $maidenhair-fern, 20%);
.element {
color: $maidenhair-fern;
box-shadow: 0 0 0 2px rgba($maidenhair-fern, 0.35);
}