이름 색상 · #92B8A0
Greyed Jade
Greyed Jade은(는) #92B8A0: rgb(146 184 160), hsl(142 21% 65%), oklch(0.748 0.053 157.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Greyed Jade color name →
#92B8A0
oklch(0.748 0.053 157.1)
색상 변환
- HEX
- #92b8a0
- RGB
- rgb(146 184 160)
- HSL
- hsl(142 21% 65%)
- HWB
- hwb(142 57% 28%)
- OKLCH
- oklch(0.748 0.053 157.1)
- OKLab
- oklab(0.748 -0.049 0.021)
- CIE Lab
- lab(71.48 -16.95 7.83)
- LCH
- lch(71.48 18.68 155.2)
- CMYK
- cmyk(21% 0% 13% 28%)
틴트 · 셰이드 · 톤
틴트
- 9DBFA9
- A7C6B2
- B2CDBC
- BDD4C5
- C8DBCF
- D3E2D8
- DEE9E2
- E9F1EB
- F4F8F5
셰이드
- 7EA08B
- 6B8876
- 587161
- 465B4E
- 35453B
- 253129
- 161E19
- 080C09
- 010201
톤
- 90B29D
- 8FAD9A
- 8DA796
- 8BA193
- 8A9C90
- 88968D
- 86918A
- 848B86
- 828583
색 조화
보색 +180°
- 92B8A0
Greyed Jade
- C4A1BA
≈ Pretty Lady
유사색 -30° +30°
- 92B8A0
Greyed Jade
- A4B490
≈ Haven
- 87B9B3
≈ Morning Green
삼각 배색 +120° +240°
- 92B8A0
Greyed Jade
- A4ABD0
≈ Mild Blue Yonder
- CCA296
≈ Musk
분열 보색 +150° +210°
- 92B8A0
Greyed Jade
- B6A5C8
≈ Violet Fields
- CCA0A7
≈ Primula
사각 배색 +90° +180° +270°
- 92B8A0
Greyed Jade
- 93B1CE
≈ Innocent Blue
- C4A1BA
≈ Pretty Lady
- C5A78A
≈ Beige Intenso
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.58:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--greyed-jade: #92b8a0;
--greyed-jade-rgb: 146 184 160;
--greyed-jade-oklch: oklch(0.748 0.053 157.1);
}
.element {
color: var(--greyed-jade);
background-color: hsl(142 21% 65%);
border-color: oklch(0.748 0.053 157.1);
}Tailwind CSS v4
@theme {
--color-greyed-jade: #92b8a0;
--color-greyed-jade-50: #e9faf0;
--color-greyed-jade-100: #daeee1;
--color-greyed-jade-200: #c2dccc;
--color-greyed-jade-300: #a1c0ae;
--color-greyed-jade-400: #85a892;
--color-greyed-jade-500: #699178;
--color-greyed-jade-600: #597b66;
--color-greyed-jade-700: #476251;
--color-greyed-jade-800: #34483a;
--color-greyed-jade-900: #233228;
--color-greyed-jade-950: #121e16;
}SCSS
$greyed-jade: #92b8a0;
$greyed-jade-rgb: 146, 184, 160;
$greyed-jade-light: mix(#fff, $greyed-jade, 20%);
$greyed-jade-dark: mix(#000, $greyed-jade, 20%);
.element {
color: $greyed-jade;
box-shadow: 0 0 0 2px rgba($greyed-jade, 0.35);
}