이름 색상 · #069261
Emerald Lake
Emerald Lake은(는) #069261: rgb(6 146 97), hsl(159 92% 30%), oklch(0.583 0.129 160.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Emerald Lake color name →
#069261
oklch(0.583 0.129 160.7)
색상 변환
- HEX
- #069261
- RGB
- rgb(6 146 97)
- HSL
- hsl(159 92% 30%)
- HWB
- hwb(159 2% 43%)
- OKLCH
- oklch(0.583 0.129 160.7)
- OKLab
- oklab(0.583 -0.122 0.043)
- CIE Lab
- lab(53.35 -43.48 16.4)
- LCH
- lch(53.35 46.47 159.3)
- CMYK
- cmyk(96% 0% 34% 43%)
틴트 · 셰이드 · 톤
틴트
- 389D70
- 53A87F
- 6BB38E
- 81BE9E
- 97C8AD
- ACD3BD
- C1DECD
- D5E9DE
- EAF4EE
셰이드
- 047E53
- 036B46
- 025839
- 01462D
- 013521
- 002515
- 00160B
- 000803
- 000100
톤
- 289164
- 398F68
- 468D6B
- 518C6E
- 5A8A71
- 638874
- 6B8677
- 72847A
- 79827D
색 조화
보색 +180°
- 069261
Emerald Lake
- AD5A92
≈ Meadow Mauve
유사색 -30° +30°
- 069261
Emerald Lake
- 608A2F
≈ Maximum Green
- 008E89
≈ Aqua Experience
삼각 배색 +120° +240°
- 069261
Emerald Lake
- 6E70C6
≈ Purple Toolbox
- BA5D3A
≈ Deep Reddish Orange
분열 보색 +150° +210°
- 069261
Emerald Lake
- 9363B3
≈ Lusty Lavender
- BA5769
≈ Candied Apple
사각 배색 +90° +180° +270°
- 069261
Emerald Lake
- 377FC5
≈ Tufts Blue
- AD5A92
≈ Meadow Mauve
- A96C00
≈ Buckthorn Brown
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.96:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.29:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--emerald-lake: #069261;
--emerald-lake-rgb: 6 146 97;
--emerald-lake-oklch: oklch(0.583 0.129 160.7);
}
.element {
color: var(--emerald-lake);
background-color: hsl(159 92% 30%);
border-color: oklch(0.583 0.129 160.7);
}Tailwind CSS v4
@theme {
--color-emerald-lake: #069261;
--color-emerald-lake-50: #d5ffea;
--color-emerald-lake-100: #c2f6db;
--color-emerald-lake-200: #a1e6c4;
--color-emerald-lake-300: #75cca4;
--color-emerald-lake-400: #4bb685;
--color-emerald-lake-500: #009f69;
--color-emerald-lake-600: #018759;
--color-emerald-lake-700: #056c47;
--color-emerald-lake-800: #084f31;
--color-emerald-lake-900: #063721;
--color-emerald-lake-950: #002211;
}SCSS
$emerald-lake: #069261;
$emerald-lake-rgb: 6, 146, 97;
$emerald-lake-light: mix(#fff, $emerald-lake, 20%);
$emerald-lake-dark: mix(#000, $emerald-lake, 20%);
.element {
color: $emerald-lake;
box-shadow: 0 0 0 2px rgba($emerald-lake, 0.35);
}