Nazwany kolor · #7F8E1D
Foggy Bog
Foggy Bog to #7F8E1D: rgb(127 142 29), hsl(68 66% 34%), oklch(0.614 0.132 117.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Foggy Bog color name →
#7F8E1D
oklch(0.614 0.132 117.3)
Konwersje koloru
- HEX
- #7f8e1d
- RGB
- rgb(127 142 29)
- HSL
- hsl(68 66% 34%)
- HWB
- hwb(68 11% 44%)
- OKLCH
- oklch(0.614 0.132 117.3)
- OKLab
- oklab(0.614 -0.06 0.117)
- CIE Lab
- lab(56.28 -16.31 52.93)
- LCH
- lch(56.28 55.39 107.1)
- CMYK
- cmyk(11% 0% 80% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B993D
- 97A455
- A3B06B
- B0BB81
- BCC696
- C9D1AB
- D6DDC0
- E4E8D5
- F1F4EA
Odcienie ciemniejsze
- 6E7B18
- 5D6813
- 4C560E
- 3C4409
- 2D3405
- 1F2403
- 111501
- 060700
- 010100
Tony
- 7F8D2F
- 7F8C3C
- 7F8A47
- 7F8951
- 7F885A
- 7F8662
- 7F856A
- 7F8372
- 808279
Harmonie kolorów
Komplementarna +180°
- 7F8E1D
Foggy Bog
- 8E71C9
≈ True V
Analogowa -30° +30°
- 7F8E1D
Foggy Bog
- A47E00
≈ Hornet Yellow
- 459954
≈ Alpine Herbs
Triada +120° +240°
- 7F8E1D
Foggy Bog
- 0E8EC9
≈ Parrotfish Blue
- C15F85
≈ Beauty Queen
Komplementarna rozszczepiona +150° +210°
- 7F8E1D
Foggy Bog
- 6180D3
≈ Blue Jay
- AE66AD
≈ Iris Orchid
Tetrada +90° +180° +270°
- 7F8E1D
Foggy Bog
- 0096A5
≈ Tile Blue
- 8E71C9
≈ True V
- C76157
≈ Sunglo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.62:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.78:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--foggy-bog: #7f8e1d;
--foggy-bog-rgb: 127 142 29;
--foggy-bog-oklch: oklch(0.614 0.132 117.3);
}
.element {
color: var(--foggy-bog);
background-color: hsl(68 66% 34%);
border-color: oklch(0.614 0.132 117.3);
}Tailwind CSS v4
@theme {
--color-foggy-bog: #7f8e1d;
--color-foggy-bog-50: #f0fbd1;
--color-foggy-bog-100: #e2efbe;
--color-foggy-bog-200: #cddd9d;
--color-foggy-bog-300: #afc172;
--color-foggy-bog-400: #99a846;
--color-foggy-bog-500: #809000;
--color-foggy-bog-600: #6d7a06;
--color-foggy-bog-700: #576207;
--color-foggy-bog-800: #414701;
--color-foggy-bog-900: #2d3102;
--color-foggy-bog-950: #1a1d00;
}SCSS
$foggy-bog: #7f8e1d;
$foggy-bog-rgb: 127, 142, 29;
$foggy-bog-light: mix(#fff, $foggy-bog, 20%);
$foggy-bog-dark: mix(#000, $foggy-bog, 20%);
.element {
color: $foggy-bog;
box-shadow: 0 0 0 2px rgba($foggy-bog, 0.35);
}