이름 색상 · #495A4C
Greener Pastures
Greener Pastures은(는) #495A4C: rgb(73 90 76), hsl(131 10% 32%), oklch(0.449 0.031 150.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Greener Pastures color name →
#495A4C
oklch(0.449 0.031 150.1)
색상 변환
- HEX
- #495a4c
- RGB
- rgb(73 90 76)
- HSL
- hsl(131 10% 32%)
- HWB
- hwb(131 29% 65%)
- OKLCH
- oklch(0.449 0.031 150.1)
- OKLab
- oklab(0.449 -0.027 0.015)
- CIE Lab
- lab(36.46 -9.18 5.84)
- LCH
- lch(36.46 10.88 147.5)
- CMYK
- cmyk(19% 0% 16% 65%)
틴트 · 셰이드 · 톤
틴트
- 59695C
- 6A796D
- 7C887E
- 8D988F
- 9FA9A1
- B2BAB3
- C5CBC6
- D8DCD8
- EBEDEC
셰이드
- 3E4D41
- 344136
- 2A352C
- 202922
- 171E18
- 0E130F
- 060906
- 020302
- 000000
톤
- 4E5E51
- 546156
- 59655B
- 5F6960
- 646D66
- 6A716B
- 6F7470
- 757875
- 7A7C7B
색 조화
보색 +180°
- 495A4C
Greener Pastures
- 5F4F5D
≈ Wishing Star
유사색 -30° +30°
- 495A4C
Greener Pastures
- 525845
≈ Castle Stone
- 425B56
≈ Canadian Fir
삼각 배색 +120° +240°
- 495A4C
Greener Pastures
- 4E5467
≈ Lap of Luxury
- 654F4B
≈ Congo Brown
분열 보색 +150° +210°
- 495A4C
Greener Pastures
- 575164
≈ Freefall
- 644E54
≈ Berry Wine
사각 배색 +90° +180° +270°
- 495A4C
Greener Pastures
- 465865
≈ Tetsu Iron
- 5F4F5D
≈ Wishing Star
- 625144
≈ Volcanic Island
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.36:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.85:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--greener-pastures: #495a4c;
--greener-pastures-rgb: 73 90 76;
--greener-pastures-oklch: oklch(0.449 0.031 150.1);
}
.element {
color: var(--greener-pastures);
background-color: hsl(131 10% 32%);
border-color: oklch(0.449 0.031 150.1);
}Tailwind CSS v4
@theme {
--color-greener-pastures: #495a4c;
--color-greener-pastures-50: #eff8f1;
--color-greener-pastures-100: #e1ebe3;
--color-greener-pastures-200: #cbd8ce;
--color-greener-pastures-300: #acbcb0;
--color-greener-pastures-400: #92a495;
--color-greener-pastures-500: #788c7c;
--color-greener-pastures-600: #667769;
--color-greener-pastures-700: #515f54;
--color-greener-pastures-800: #3b453c;
--color-greener-pastures-900: #29302a;
--color-greener-pastures-950: #171c17;
}SCSS
$greener-pastures: #495a4c;
$greener-pastures-rgb: 73, 90, 76;
$greener-pastures-light: mix(#fff, $greener-pastures, 20%);
$greener-pastures-dark: mix(#000, $greener-pastures, 20%);
.element {
color: $greener-pastures;
box-shadow: 0 0 0 2px rgba($greener-pastures, 0.35);
}