이름 색상 · #3E5E4E
Ethereal Woods
Ethereal Woods은(는) #3E5E4E: rgb(62 94 78), hsl(150 21% 31%), oklch(0.452 0.046 162.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Ethereal Woods color name →
#3E5E4E
oklch(0.452 0.046 162.1)
색상 변환
- HEX
- #3e5e4e
- RGB
- rgb(62 94 78)
- HSL
- hsl(150 21% 31%)
- HWB
- hwb(150 24% 63%)
- OKLCH
- oklch(0.452 0.046 162.1)
- OKLab
- oklab(0.452 -0.044 0.014)
- CIE Lab
- lab(37.04 -15.16 5.29)
- LCH
- lch(37.04 16.06 160.7)
- CMYK
- cmyk(34% 0% 17% 63%)
틴트 · 셰이드 · 톤
틴트
- 506D5E
- 627C6E
- 748B7F
- 879B90
- 9AABA2
- AEBBB4
- C2CCC6
- D6DDD9
- EAEEEC
셰이드
- 355143
- 2B4438
- 23372D
- 1A2B23
- 121F19
- 0A140F
- 040A07
- 010302
- 000000
톤
- 456153
- 4C6558
- 52685D
- 596C62
- 5F6F67
- 66726C
- 6C7671
- 737976
- 797D7B
색 조화
보색 +180°
- 3E5E4E
Ethereal Woods
- 684C5D
≈ Vicarious Violet
유사색 -30° +30°
- 3E5E4E
Ethereal Woods
- 4C5B41
≈ Knarloc Green
- 355E5C
≈ Royal Pine
삼각 배색 +120° +240°
- 3E5E4E
Ethereal Woods
- 51536F
≈ Sombre Grey
- 6C4E42
≈ Chocolate Sprinkle
분열 보색 +150° +210°
- 3E5E4E
Ethereal Woods
- 5E4F69
≈ Blackcurrant Elixir
- 6D4B4F
≈ Marron
사각 배색 +90° +180° +270°
- 3E5E4E
Ethereal Woods
- 43586F
≈ Hidden Sapphire
- 684C5D
≈ Vicarious Violet
- 665239
≈ Desert Palm
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.20:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.91:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.20:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--ethereal-woods: #3e5e4e;
--ethereal-woods-rgb: 62 94 78;
--ethereal-woods-oklch: oklch(0.452 0.046 162.1);
}
.element {
color: var(--ethereal-woods);
background-color: hsl(150 21% 31%);
border-color: oklch(0.452 0.046 162.1);
}Tailwind CSS v4
@theme {
--color-ethereal-woods: #3e5e4e;
--color-ethereal-woods-50: #eafaf2;
--color-ethereal-woods-100: #dbede4;
--color-ethereal-woods-200: #c3dbcf;
--color-ethereal-woods-300: #a3bfb1;
--color-ethereal-woods-400: #87a796;
--color-ethereal-woods-500: #6b907d;
--color-ethereal-woods-600: #5b7a6a;
--color-ethereal-woods-700: #486255;
--color-ethereal-woods-800: #35473d;
--color-ethereal-woods-900: #24312a;
--color-ethereal-woods-950: #131d17;
}SCSS
$ethereal-woods: #3e5e4e;
$ethereal-woods-rgb: 62, 94, 78;
$ethereal-woods-light: mix(#fff, $ethereal-woods, 20%);
$ethereal-woods-dark: mix(#000, $ethereal-woods, 20%);
.element {
color: $ethereal-woods;
box-shadow: 0 0 0 2px rgba($ethereal-woods, 0.35);
}