Nazwany kolor · #6F8479
Blueridge Fir
Blueridge Fir to #6F8479: rgb(111 132 121), hsl(149 9% 48%), oklch(0.593 0.03 162.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Blueridge Fir color name →
#6F8479
oklch(0.593 0.03 162.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7D9086
- 8A9B92
- 98A79F
- A6B3AC
- B5C0BA
- C3CCC7
- D2D9D5
- E1E5E3
- F0F2F1
Odcienie ciemniejsze
- 607268
- 516058
- 424F48
- 343F39
- 272F2B
- 1A201D
- 0E1210
- 040605
- 010101
Tony
- 71847A
- 73837A
- 74837B
- 76827C
- 78827D
- 79827D
- 7B817E
- 7D817F
- 7E807F
Harmonie kolorów
Komplementarna +180°
- 6F8479
Blueridge Fir
- 8B7883
≈ Purple Rubiate
Analogowa -30° +30°
- 6F8479
Blueridge Fir
- 788270
≈ Lottery Winnings
- 6A8483
≈ Thundercloud
Triada +120° +240°
- 6F8479
Blueridge Fir
- 7B7C90
≈ Waterloo
- 8E7971
≈ Venus Deva
Komplementarna rozszczepiona +150° +210°
- 6F8479
Blueridge Fir
- 84798B
≈ High Note
- 8F7779
≈ Bazaar
Tetrada +90° +180° +270°
- 6F8479
Blueridge Fir
- 728090
≈ Chain Gang Grey
- 8B7883
≈ Purple Rubiate
- 897C6B
≈ Habitat
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.99:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.25:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.25:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
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);
}