이름 색상 · #6F8479
Blueridge Fir
Blueridge Fir은(는) #6F8479: rgb(111 132 121), hsl(149 9% 48%), oklch(0.593 0.03 162.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Blueridge Fir color name →
#6F8479
oklch(0.593 0.03 162.6)
색상 변환
- HEX
- #6f8479
- RGB
- rgb(111 132 121)
- HSL
- hsl(149 9% 48%)
- HWB
- hwb(149 44% 48%)
- OKLCH
- oklch(0.593 0.03 162.6)
- OKLab
- oklab(0.593 -0.028 0.009)
- CIE Lab
- lab(53.21 -9.65 3.29)
- LCH
- lch(53.21 10.2 161.2)
- CMYK
- cmyk(16% 0% 8% 48%)
틴트 · 셰이드 · 톤
틴트
- 7D9086
- 8A9B92
- 98A79F
- A6B3AC
- B5C0BA
- C3CCC7
- D2D9D5
- E1E5E3
- F0F2F1
셰이드
- 607268
- 516058
- 424F48
- 343F39
- 272F2B
- 1A201D
- 0E1210
- 040605
- 010101
톤
- 71847A
- 73837A
- 74837B
- 76827C
- 78827D
- 79827D
- 7B817E
- 7D817F
- 7E807F
색 조화
보색 +180°
- 6F8479
Blueridge Fir
- 8B7883
≈ Purple Rubiate
유사색 -30° +30°
- 6F8479
Blueridge Fir
- 788270
≈ Lottery Winnings
- 6A8483
≈ Thundercloud
삼각 배색 +120° +240°
- 6F8479
Blueridge Fir
- 7B7C90
≈ Waterloo
- 8E7971
≈ Venus Deva
분열 보색 +150° +210°
- 6F8479
Blueridge Fir
- 84798B
≈ High Note
- 8F7779
≈ Bazaar
사각 배색 +90° +180° +270°
- 6F8479
Blueridge Fir
- 728090
≈ Chain Gang Grey
- 8B7883
≈ Purple Rubiate
- 897C6B
≈ Habitat
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.99:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.25:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.25:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--blueridge-fir: #6f8479;
--blueridge-fir-rgb: 111 132 121;
--blueridge-fir-oklch: oklch(0.593 0.03 162.6);
}
.element {
color: var(--blueridge-fir);
background-color: hsl(149 9% 48%);
border-color: oklch(0.593 0.03 162.6);
}Tailwind CSS v4
@theme {
--color-blueridge-fir: #6f8479;
--color-blueridge-fir-50: #eef8f3;
--color-blueridge-fir-100: #dfebe5;
--color-blueridge-fir-200: #c9d8d1;
--color-blueridge-fir-300: #aabcb3;
--color-blueridge-fir-400: #90a499;
--color-blueridge-fir-500: #758d80;
--color-blueridge-fir-600: #63776d;
--color-blueridge-fir-700: #4f5f57;
--color-blueridge-fir-800: #3a463f;
--color-blueridge-fir-900: #28302b;
--color-blueridge-fir-950: #161c19;
}SCSS
$blueridge-fir: #6f8479;
$blueridge-fir-rgb: 111, 132, 121;
$blueridge-fir-light: mix(#fff, $blueridge-fir, 20%);
$blueridge-fir-dark: mix(#000, $blueridge-fir, 20%);
.element {
color: $blueridge-fir;
box-shadow: 0 0 0 2px rgba($blueridge-fir, 0.35);
}