이름 색상 · #77928A
Longmeadow
Longmeadow은(는) #77928A: rgb(119 146 138), hsl(162 11% 52%), oklch(0.637 0.033 175.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Longmeadow color name →
#77928A
oklch(0.637 0.033 175.3)
색상 변환
- HEX
- #77928a
- RGB
- rgb(119 146 138)
- HSL
- hsl(162 11% 52%)
- HWB
- hwb(162 47% 43%)
- OKLCH
- oklch(0.637 0.033 175.3)
- OKLab
- oklab(0.637 -0.033 0.003)
- CIE Lab
- lab(58.27 -11.19 0.92)
- LCH
- lch(58.27 11.23 175.3)
- CMYK
- cmyk(18% 0% 5% 43%)
틴트 · 셰이드 · 톤
틴트
- 849C95
- 91A7A0
- 9EB2AC
- ACBCB7
- B9C7C3
- C7D2CF
- D5DDDB
- E3E8E7
- F1F4F3
셰이드
- 677E77
- 576B65
- 475853
- 384642
- 2A3532
- 1C2522
- 101614
- 050807
- 010101
톤
- 789089
- 798E88
- 7A8D87
- 7B8B86
- 7C8985
- 7D8784
- 7E8583
- 7E8482
- 7F8281
색 조화
보색 +180°
- 77928A
Longmeadow
- 9C838C
≈ Orchard Plum
유사색 -30° +30°
- 77928A
Longmeadow
- 7F917F
≈ Green Bay
- 749195
≈ Miracle Bay
삼각 배색 +120° +240°
- 77928A
Longmeadow
- 8C889D
≈ Antiquate
- 9B8679
≈ Almond Frost
분열 보색 +150° +210°
- 77928A
Longmeadow
- 968596
≈ Femme Fatale
- 9E8481
≈ Pigeon Pink
사각 배색 +90° +180° +270°
- 77928A
Longmeadow
- 828BA0
≈ Prophetic Sea
- 9C838C
≈ Orchard Plum
- 948A75
≈ Sage Advice
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.35:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.26:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.26:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--longmeadow: #77928a;
--longmeadow-rgb: 119 146 138;
--longmeadow-oklch: oklch(0.637 0.033 175.3);
}
.element {
color: var(--longmeadow);
background-color: hsl(162 11% 52%);
border-color: oklch(0.637 0.033 175.3);
}Tailwind CSS v4
@theme {
--color-longmeadow: #77928a;
--color-longmeadow-50: #ecf8f5;
--color-longmeadow-100: #ddece8;
--color-longmeadow-200: #c6d9d4;
--color-longmeadow-300: #a7bdb7;
--color-longmeadow-400: #8ba59d;
--color-longmeadow-500: #708e85;
--color-longmeadow-600: #5f7871;
--color-longmeadow-700: #4c605a;
--color-longmeadow-800: #374641;
--color-longmeadow-900: #26312d;
--color-longmeadow-950: #141d1a;
}SCSS
$longmeadow: #77928a;
$longmeadow-rgb: 119, 146, 138;
$longmeadow-light: mix(#fff, $longmeadow, 20%);
$longmeadow-dark: mix(#000, $longmeadow, 20%);
.element {
color: $longmeadow;
box-shadow: 0 0 0 2px rgba($longmeadow, 0.35);
}