이름 색상 · #62AE9E
Green Crush
Green Crush은(는) #62AE9E: rgb(98 174 158), hsl(167 32% 53%), oklch(0.697 0.08 178.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Green Crush color name →
#62AE9E
oklch(0.697 0.08 178.7)
색상 변환
- HEX
- #62ae9e
- RGB
- rgb(98 174 158)
- HSL
- hsl(167 32% 53%)
- HWB
- hwb(167 38% 32%)
- OKLCH
- oklch(0.697 0.08 178.7)
- OKLab
- oklab(0.697 -0.08 0.002)
- CIE Lab
- lab(65.85 -27.66 0.48)
- LCH
- lch(65.85 27.66 179)
- CMYK
- cmyk(44% 0% 9% 32%)
틴트 · 셰이드 · 톤
틴트
- 73B6A7
- 83BEB1
- 93C6BA
- A3CEC4
- B2D6CD
- C2DED7
- D1E7E1
- E0EFEB
- F0F7F5
셰이드
- 549789
- 478074
- 3A6A60
- 2D554D
- 21413A
- 162E29
- 0B1C18
- 030B09
- 000101
톤
- 67A99B
- 6BA598
- 6EA095
- 729C92
- 75978F
- 78928C
- 7A8E89
- 7C8986
- 7E8583
색 조화
보색 +180°
- 62AE9E
Green Crush
- C7899D
≈ Puce
유사색 -30° +30°
- 62AE9E
Green Crush
- 7BAC82
≈ Summer Garden
- 5CABB8
≈ Verditer Blue
삼각 배색 +120° +240°
- 62AE9E
Green Crush
- A493C9
≈ Distinct Purple
- C3926B
≈ Butterum
분열 보색 +150° +210°
- 62AE9E
Green Crush
- B98CB6
≈ Violet Whimsy
- CA8B81
≈ Rose de Mai
사각 배색 +90° +180° +270°
- 62AE9E
Green Crush
- 899CD0
≈ Caribbean Sky
- C7899D
≈ Puce
- B29B62
≈ Pesto di Noce
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.60:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 8.06:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--green-crush: #62ae9e;
--green-crush-rgb: 98 174 158;
--green-crush-oklch: oklch(0.697 0.08 178.7);
}
.element {
color: var(--green-crush);
background-color: hsl(167 32% 53%);
border-color: oklch(0.697 0.08 178.7);
}Tailwind CSS v4
@theme {
--color-green-crush: #62ae9e;
--color-green-crush-50: #defdf6;
--color-green-crush-100: #ccf1e9;
--color-green-crush-200: #b0e0d6;
--color-green-crush-300: #8ac5b9;
--color-green-crush-400: #67ae9f;
--color-green-crush-500: #409787;
--color-green-crush-600: #388072;
--color-green-crush-700: #2c675b;
--color-green-crush-800: #1f4b42;
--color-green-crush-900: #15342d;
--color-green-crush-950: #06201a;
}SCSS
$green-crush: #62ae9e;
$green-crush-rgb: 98, 174, 158;
$green-crush-light: mix(#fff, $green-crush, 20%);
$green-crush-dark: mix(#000, $green-crush, 20%);
.element {
color: $green-crush;
box-shadow: 0 0 0 2px rgba($green-crush, 0.35);
}