이름 색상 · #7EA07A
Green Grey
Green Grey은(는) #7EA07A: rgb(126 160 122), hsl(114 17% 55%), oklch(0.67 0.067 142.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Grey color name →
#7EA07A
oklch(0.67 0.067 142.1)
색상 변환
- HEX
- #7ea07a
- RGB
- rgb(126 160 122)
- HSL
- hsl(114 17% 55%)
- HWB
- hwb(114 48% 37%)
- OKLCH
- oklch(0.67 0.067 142.1)
- OKLab
- oklab(0.67 -0.053 0.041)
- CIE Lab
- lab(62.53 -17.87 15.89)
- LCH
- lch(62.53 23.92 138.4)
- CMYK
- cmyk(21% 0% 24% 37%)
틴트 · 셰이드 · 톤
틴트
- 8AA987
- 97B394
- A4BCA1
- B0C5AE
- BDCFBB
- CAD8C8
- D7E2D6
- E4ECE3
- F2F5F1
셰이드
- 6D8B69
- 5C7659
- 4C6149
- 3C4E3A
- 2D3B2B
- 1F291D
- 111910
- 050905
- 010101
톤
- 7E9D7B
- 7F9A7B
- 7F967C
- 7F937D
- 80907D
- 808D7E
- 808A7F
- 80867F
- 808380
색 조화
보색 +180°
- 7EA07A
Green Grey
- A988AE
≈ Dusty Lavender
유사색 -30° +30°
- 7EA07A
Green Grey
- 969A6A
≈ Guacamole
- 69A390
≈ Harmony in Green
삼각 배색 +120° +240°
- 7EA07A
Green Grey
- 7F96BF
≈ Soothsayer
- BB8583
≈ Notice Me
분열 보색 +150° +210°
- 7EA07A
Green Grey
- 968EBB
≈ Brave Purple
- B68499
≈ Nuisette
사각 배색 +90° +180° +270°
- 7EA07A
Green Grey
- 6A9DB7
≈ Lake Lucerne
- A988AE
≈ Dusty Lavender
- B78A6F
≈ Carmelite
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.91:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.19:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--green-grey: #7ea07a;
--green-grey-rgb: 126 160 122;
--green-grey-oklch: oklch(0.67 0.067 142.1);
}
.element {
color: var(--green-grey);
background-color: hsl(114 17% 55%);
border-color: oklch(0.67 0.067 142.1);
}Tailwind CSS v4
@theme {
--color-green-grey: #7ea07a;
--color-green-grey-50: #eafbe9;
--color-green-grey-100: #dbeeda;
--color-green-grey-200: #c4dcc3;
--color-green-grey-300: #a3c1a2;
--color-green-grey-400: #88a984;
--color-green-grey-500: #6d9269;
--color-green-grey-600: #5c7b59;
--color-green-grey-700: #4a6347;
--color-green-grey-800: #364832;
--color-green-grey-900: #253222;
--color-green-grey-950: #131e11;
}SCSS
$green-grey: #7ea07a;
$green-grey-rgb: 126, 160, 122;
$green-grey-light: mix(#fff, $green-grey, 20%);
$green-grey-dark: mix(#000, $green-grey, 20%);
.element {
color: $green-grey;
box-shadow: 0 0 0 2px rgba($green-grey, 0.35);
}